.styled-link:hover {
    gap: 30px;
    cursor: pointer;
    letter-spacing: 2px;
}

/* =========== Gallery Transitions ============ */
.gallery-img:hover {
    flex: 1 1 50%;
    filter: saturate(1);
    transition: all 0.5s ease-in-out;
}

.gallery-img:not(:hover) {
    flex: 1 1 10%;
    filter: saturate(1);
    transition: all 0.5s ease-in-out;
}

.gallery-img:hover .gallery-hidden {
    opacity: 1;
    visibility: visible;
    transition: all 1s ease-in;
}

.gallery-img:hover .gallery-title {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out;
}

.gallery-img:hover .gallery-hidden>.hidden-body {
    animation: SlideIn 0.5s ease-out 1s forwards;
    display: flex;
}