.thumbnail-container .hyper-image {
    position: relative;
    transition: opacity 0.3s ease-in-out;
}

.thumbnail-container .hyper-image img:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.thumbnail-container .hyper-image.hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.thumbnail-container > a:hover .hyper-image.hover {
    opacity: 1;
}

.thumbnail-container > a:hover .hyper-image.main:has(+ .hyper-image.hover) {
    opacity: 0;
}