.layered-images {
position: relative;
}
@media (max-width: 767px) {
.layered-images {
height: 450px;
}
}
.layered-images-image-wrapper {
position: relative;
display: inline-block;
overflow: hidden;
max-width: 530px;
width: 100%;
}
.layered-images-image-wrapper .layered-images-media img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.layered-images-image-wrapper .layered-images-media {
padding-bottom: 150%;
width: 100%;
height: 0;
}
.layered-images-image-wrapper .layered-images-media.aspect-ratio--landscape {
padding-bottom: 75%;
}
.layered-images-image-wrapper .layered-images-media.aspect-ratio--square {
padding-bottom: 100%;
}
.layered-images-image-wrapper .layered-images-media.aspect-ratio--portrait {
padding-bottom: 125%;
}
.layered-images-image-wrapper.layered-image-2 {
position: absolute;
left: -20%;
bottom: 15%;
width: 40%;
}
.layered-images-image-wrapper.layered-image-3 {
position: absolute;
right: -17.5%;
left: auto;
top: 10%;
width: 55%;
}