.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 768px) { .mobile-image { display: block; margin-bottom: 10px; /* Add margin to mobile image */ } .desktop-image { display: none; } } @media screen and (min-width: 769px) { .mobile-image { display: none; } .desktop-image { display: block; margin-bottom: 10px; /* Add margin to desktop image */ } }
Supplements
Books
