﻿
.gallery-card {
    padding: 0;
    position: relative;
    overflow: hidden;
}

    .gallery-card img {
        width: 100%;
        aspect-ratio: 4/3;
        object-fit: cover;
        border-radius: 16px;
        cursor: pointer;
        transition: transform 0.2s ease;
    }

        .gallery-card img:hover {
            transform: scale(1.05);
        }

.gallery-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: var(--bs-white);
}

.modal-body {
    padding: 40px;
}
