.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;}}