.gallery_wrapper {
    --img-size: 100px;
    display: grid;
    gap: 15px;
    justify-content: center;
    margin: 0 auto;
    /* این بخش توسط المنتور مقداردهی می‌شود اما پیش‌فرض اضافه شد */
    min-height: 400px; 
    padding: 40px; 
    grid-template-columns: repeat(6, var(--img-size));
    grid-auto-rows: var(--img-size);
    /* جلوگیری از بریدگی در حالت ادیتور */
    overflow: visible; 
}

.img_item {
    position: relative;
    grid-column: span 2;
    width: 100%;
    height: 100%;
    transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
    /* استفاده از Path برای شکل الماس-مانند */
    clip-path: path("M 80 20 C 100 0 100 0 120 20 C 140 40 160 60 180 80 C 200 100 200 100 180 120 C 160 140 140 160 120 180 C 100 200 100 200 80 180 C 60 160 40 140 20 120 C 0 100 0 100 20 80 Z");
}

.img_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.item_link_overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 5;
}

/* ریسپانسیو دسکتاپ ۳-۲ */
@media (min-width: 768px) {
    .img_item:nth-of-type(5n-1) {
        grid-column: 2 / span 2;
    }
}

/* ریسپانسیو موبایل ۲-۱ */
@media (max-width: 767px) {
    .gallery_wrapper {
        grid-template-columns: repeat(4, var(--img-size));
        padding: 20px;
    }
    .img_item:nth-of-type(3n) {
        grid-column: 2 / span 2;
    }
}

/* هوور */
.img_item:hover {
    z-index: 100;
    transform: scale(1.1); /* اضافه شدن کمی بزرگنمایی برای جذابیت */
    clip-path: path("M 0 0 C 100 0 100 0 200 0 C 200 50 200 50 200 80 C 200 100 200 100 200 120 C 200 150 200 150 200 200 C 100 200 100 200 0 200 C 0 150 0 150 0 120 C 0 100 0 100 0 80 Z");
}

.gallery_wrapper:hover .img_item:not(:hover) {
    filter: brightness(0.6) grayscale(0.2);
}