.gallery__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 80px;
    gap: 20px;
}
.gallery-link {
    display: block;
    text-decoration: none;
    height: 100%;
    color: inherit;

}
.gallery-card-1 {
    border: 1px solid #ffffff30;
}

.gallery-card-2 {
    border: 1px solid #ffffff30;
}

.gallery-card-3 {
    border: 1px solid #ffffff30;
}
.gallery-card{
    border: 1px solid #ffffff30;
    overflow: hidden;
}
.gallery-card img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.gallery__grid>div:nth-child(1) {
    grid-column: 1 / span 4;
    grid-row: 1 / span 4;
}

.gallery__grid>div:nth-child(4) {
    grid-column: 1 / span 4;
    grid-row: 5 / span 3;
}

.gallery__grid>div:nth-child(7) {
    grid-column: 1 / span 4;
    grid-row: 8 / span 5;
}

.gallery__grid>div:nth-child(2) {
    grid-column: 5 / span 4;
    grid-row: 1 / span 3;
}

.gallery__grid>div:nth-child(8) {
    grid-column: 5 / span 4;
    grid-row: 9 / span 4;
}

.gallery__grid>div:nth-child(5) {
    grid-column: 5 / span 4;
    grid-row: 4 / span 5;
}

.gallery__grid>div:nth-child(3) {
    grid-column: 9 / span 4;
    grid-row: 1 / span 5;
}

.gallery__grid>div:nth-child(6) {
    grid-column: 9 / span 4;
    grid-row: 6 / span 4;
}

.gallery__grid>div:nth-child(9) {
    grid-column: 9 / span 4;
    grid-row: 10 / span 3;
}


@media(max-width: 991px) {

    .gallery__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 250px;
    }

    .gallery__grid>div {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .gallery-card-1,
    .gallery-card-2,
    .gallery-card-3 {
        grid-column: span 1;
        grid-row: span 1;
    }

    /* Featured cards */

    .gallery__grid>div:nth-child(3),
    .gallery__grid>div:nth-child(8) {
        grid-column: span 2;
    }

    .gallery__grid>div:nth-child(9) {
        display: none;
    }
}


@media(max-width: 767px) {

    .gallery__grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 260px;
        gap: 16px;
    }
    .padding-top{
        padding-top:12px;
    }
    .gallery__grid>div {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }
    .gallery-link {
        margin-top:24px;
    }
}