.img-desktop { width: 100%; height: auto; } .img-mobile { width: 100%; height: auto; } .video-container { display: flex; align-items: center; justify-content: center; padding: 30px 0; } @media only screen and (min-width: 768px) { .img-desktop { display: block; } .img-mobile { display: none; } .video-container-desktop { display: flex; } .video-container-mobile { display: none; } } @media only screen and (max-width: 768px) { .img-desktop { display: none; } .img-mobile { display: block; } .video-container-desktop { display: none; } .video-container-mobile { display: flex; } }