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