.yt-slider-wrapper {
width: 100%; max-width: 100%; margin: 0 auto;
overflow: hidden; } .swiper-container {
width: 100% !important;
height: auto !important;
margin-bottom: 20px !important;
overflow: hidden !important;
} .swiper-slide {
position: relative;
width: 100%;
aspect-ratio: 16 / 9; overflow: hidden; display: flex;
justify-content: center;
align-items: center;
} .yt-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
} .yt-slide img,
.yt-slide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .swiper-wrapper {
display: flex;
}
.swiper-slide:not(.swiper-slide-active) {
visibility: hidden;
opacity: 0;
} .yt-play-button {
position: absolute;
top: 50%;
left: 50%;
width: 54px;
height: 54px;
margin-left: -32px;
margin-top: -32px;
background: url(https://upload.wikimedia.org/wikipedia/commons/7/79/YouTube_social_red_square_%282017%29.svg) center no-repeat;
background-size: contain;
opacity: 0.8;
}
.yt-play-button:hover {
opacity: 1;
} .swiper-button-next,
.swiper-button-prev {
color: #000;
} .swiper-pagination-bullet {
background: #666;
opacity: 0.7;
}
.swiper-pagination-bullet-active {
background: #000;
opacity: 1;
}