.gallery .gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

    .gallery .gallery-item img {
        transition: 0.3s;
    }

.gallery .gallery-links {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    background: rgba(0, 0, 0, 0.6);
    z-index: 3;
}

    .gallery .gallery-links .preview-link,
    .gallery .gallery-links .details-link {
        font-size: 1.4em;
        color: rgba(255, 255, 255, 0.5);
        transition: 0.3s;
        line-height: 1.2;
        margin: 30px 8px 0 8px;
    }

        .gallery .gallery-links .preview-link:hover,
        .gallery .gallery-links .details-link:hover {
            color: #ffffff;
        }

    .gallery .gallery-links .details-link {
        font-size: 1.6em;
        line-height: 0;
    }

.gallery .gallery-item:hover .gallery-links {
    opacity: 1;
}

.gallery .gallery-item:hover .preview-link,
.gallery .gallery-item:hover .details-link {
    margin-top: 0;
}

.gallery .gallery-item:hover img {
    transform: scale(1.1);
}