:root {
    --row-gap: 10px;
}
.layout-artworks_preview .artwork-row {
    column-gap: var(--row-gap);
}
.artwork-row > * {
    width: calc(50% - var(--row-gap));
    flex-shrink: 1;
}
.layout-artworks_preview .artwork-item {
    /* width: 344px; */
    max-width: 100%;
    text-align: center;
}
@media (min-width: 744px) {
    :root {
        --row-gap: 40px;
    }
    .layout-artworks_preview .artwork-item {
        width: calc(33.33333% - var(--row-gap));
    }
}
@media (min-width: 1200px) {
    :root {
        --row-gap: 100px;
    }
    .layout-artworks_preview .artwork-item {
        width: calc(25% - var(--row-gap));
    }
}
.layout-artworks_preview .artwork-item .img-container img {
    transition: transform 0.3s ease-out;
}
.layout-artworks_preview .artwork-item .img-container img:hover {
    transform: scale(1.05);
}