html {
    background-color: black;
    /*animation: shrink var(--duration) var(--delay) linear infinite;*/
}

.gallery img {
    position: absolute;
}

.gallery {
    position: relative;
    margin-top: -10vw;
}

@media only screen and (max-device-width: 992px) {
    .gallery {
        margin: 30px 0;
    }
}

.gallery img {
    position: relative;
    /*position: absolute;*/
    /*box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.5);*/
    z-index: 1;
}

.gallery img.main {
    opacity: 0;
    width: 100%;
    height: 42vw;
    object-fit: cover;
    object-position: 70% 15%;
}

@media only screen and (max-device-width: 992px) {
    .gallery img.main {
        height: 80vw;
    }
}

.gallery img.sub {
    position: absolute;
    z-index: 2;
    width: 23%;
    height: 50%;
    object-fit: cover;
    object-position: 55%;
}

.gallery img.sub:nth-child(2) {
    left: 0;
    top: 50%;
}

.gallery img.sub:nth-child(3) {
    left: 26%;
    top: 75%;
}

.gallery img.sub:nth-child(4) {
    left: 52%;
    top: 50%;
}

.gallery img.sub:nth-child(5) {
    left: 77%;
    top: 75%;
}

.gallery-items {
    position: relative;
}