@media only screen and (min-width: 768px) {
.m-homepage-skypixel-grids {
display: none;
}
.homepage-skypixel-module {
display: block;
}
}
@media only screen and (max-width: 767px) {
.m-homepage-skypixel-grids {
display: block;
}
.homepage-skypixel-module {
display: none;
}
section.m-homepage-content-grids .stories-module-list a.banner-link, section.m-homepage-skypixel-grids .slide-grid-container .slide-container {
height: 114vw;
}
}
/* New CSS to make videos fill the entire container /
.slide-video-poster {
width: 100%;
height: 100%;
background-size: cover; / Ensure background image covers the entire container /
background-position: center; / Center the background image /
display: block; / Ensure cover is displayed */
}
video {
width: 100%;
height: 100%; /* Adjust video height /
object-fit: cover; / Make video keep its ratio and fill the entire container /
display: none; / Initially hide video */
}
/* Show video in active slide */
.swiper-slide-active video {
display: block;
}
