.section-galeryFisrt {
    background: rgba(229, 229, 229, 0.40);
}

.gallery-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 10% 5% 10%;
}

.card_imagebene {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.gallery_first {
    height: 100%;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .gallery_first:hover .text_overlay,
    .gallery_first:hover .text_galery {
        display: block;
    }

    .gallery_first img {
        display: block;
        max-width: 100%;
        object-fit: cover;
    }

.gallery_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 55, 80, 0.85);
    display: none;
}

.text_galery {
    position: absolute;
    top: 30%;
    left: 52%;
    transform: translate(-50%,-50%);
    color: white;
    z-index: 1;
    width: 90%;
    display: none;
}

    .text_galery h2 {
        color: #FFF;
        font-family: FordAntennaMedium;
        font-size: 21px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 1.2px;
        max-width: 100%;
    }

    .text_galery p {
        color: white;
        font-family: FordAntennaLight;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.05px;
        max-width: 100%;
        position: absolute;
        margin: auto;
    }
    .grecaptcha-badge{
        z-index: 10!important;
    }


@media (max-width: 1023px) {
    .section-galeryFisrt {
        margin: 5% 0 5% 0;
    }

    .gallery-container {
        display: flex;
        flex-direction: column;
    }

    .gallery_item {
        aspect-ratio: 3/2;
        /* overflow: hidden; */
    }
}
@media (min-width: 1120px) and (max-width: 1360px) {
    .text_galery h2 {
        font-size: 18px;
    }
    .text_galery p {
        font-size: 12px;
    }
}
@media (min-width: 767px) and (max-width: 1119px) {
    .text_galery h2 {
        font-size: 19px;
    }
    .text_galery p {
        font-size: 12px;
    }
    .gallery-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 0 10% 5% 10%;
    }
}
@media (min-width: 320px) and (max-width: 480px) {
    .section-galeryFisrt {
        padding: 5% 0 5% 0;
    }

    .text_galery {
        z-index: 1;
        position: absolute;
        top: 15%;
    }

        .text_galery h2 {
            font-size: 15px;
            letter-spacing: 0.75px;
            text-align: center;
        }

        .text_galery p {
            font-size: 12px;
            letter-spacing: 0.65px;
        }
}
