/* =========================
   Only DESKTOP (>= 1025px)
   ========================= */
@media screen and (min-width: 1025px) {
    .gallery-card__title,
    .gallery-card__tags {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.25s ease, visibility 0.25s ease;
    }

    .gallery-card:hover .gallery-card__title,
    .gallery-card:hover .gallery-card__tags {
        opacity: 1;
        visibility: visible;
    }
}


/* ============================================================
   TABLET + MOBILE (<= 1024px)
   ============================================================ */
@media screen and (max-width: 1024px) {

    .gallery-card__title,
    .gallery-card__tags {
        max-height: none;
        opacity: 1;
        visibility: visible;
    }
}