#panorama {
    position: relative;
    overflow: hidden;
    min-height: min(calc(3 / 4 * 100vh), calc(2000px * 9 / 16));
}

#panorama .panorama-heading {
    position: absolute;
    z-index: 4;
    top: 0;
    width: 100%;
    height: 200px;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / .65), transparent);
}

#panorama::after {
    content: '';
    position: absolute;
    z-index: 4;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-image: linear-gradient(to bottom, transparent, rgb(0 0 0 / .5));
}

#panorama h1, #panorama .h1 {
    color: #FFF;
    text-shadow: 0 0 30px #000;
    margin-top: 70px;
}

#panorama .panorama-track {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    will-change: transform;
}

#panorama img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 115%;
    object-fit: cover;
    transition: transform 1s;
    will-change: transform, opacity;
}

/*
#panorama:hover img {
    transform: scale(1.2);
}
*/

#panorama img:nth-child(1) { left: 0 }
#panorama img:nth-child(2) { left: 10% }
#panorama img:nth-child(3) { left: 20% }