.simple-slider-container {
position: relative;
width: 100%;
max-width: 900px;
height: 0;
padding-bottom: 30%; margin: 0 auto;
overflow: hidden;
}
.simple-slider-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.simple-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease-in-out;
z-index: 1;
}
.simple-slide.active {
opacity: 1;
z-index: 2;
}
.simple-slider-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} @media screen and (min-width: 900px) {
.simple-slider-container { }
}
.simple-slider-link {
display: block;
width: 100%;
height: 100%;
}