.gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 0fr) repeat(2, 2fr);
    gap: 20px;
}
.gallery-grid .gallery-item:nth-child(5) {
    grid-area: 3 / 1 / 4 / 3;
}
.gallery-grid .gallery-item:nth-child(6) {
    grid-area: 4 / 1 / 5 / 3;
}
.gallery-item {
    mask-image: url('../../svg/blog.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    aspect-ratio: 1;
}
.gallery-item a {
    display: flex;
    height: 100%;
  }
.gallery-item img {
    width: 100%;
  height: 100%;
  object-fit: cover;
    transition: 0.7s ease;
}
.gallery-item:hover img {
    filter: blur(2px) brightness(0.8);
}
@media screen and (min-width: 768px) {
    .gallery-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr 2fr;
        gap: 20px;
    }
    .gallery-grid .gallery-item:nth-child(5) {
        grid-area: 2 / 1 / 3 / 3;
    }
    .gallery-grid .gallery-item:nth-child(6) {
        grid-area: 2 / 3 / 3 / 5;
    }
}