.img-container {
    height: 115vw;
    max-height: 616px;
    overflow: hidden;
    position: relative;
    width: calc(100vw - (100vw - 100%));
}
.img-container img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.img-container img.next {
    opacity: 1;
    z-index: 1;
}
.img-container img.prev {
    opacity: 1;
    z-index: 2;
}
.img-container img.fade-out {
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
    visibility: hidden;
}