.rg-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px
}
.rg-image {
    display:block;
    padding:0;
    border:0;
    background:#ede8f7;
    cursor:pointer;
    overflow:hidden;
    position:relative
}
.rg-image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s
}
.rg-image:hover img {
    transform:scale(1.08)
}
.rg-image:focus-visible {
    outline:3px solid #c4622d;
    outline-offset:4px
}
.rg-blob {
    aspect-ratio:1;
    border:3px solid #ede8f7;
    box-shadow:0 4px 18px #2d1b4e1a;
    border-radius:42% 58% 38% 62% / 48% 44% 56% 52%;
    transition:transform .5s
}
.rg-blob:nth-child(4n+2) {
    border-radius:55% 45% 60% 40% / 48% 56% 44% 52%
}
.rg-blob:nth-child(4n+3) {
    border-radius:38% 62% 50% 50% / 55% 45% 55% 45%
}
.rg-blob:nth-child(4n) {
    border-radius:62% 38% 44% 56% / 44% 58% 42% 56%
}
.rg-blob:hover {
    transform:translateY(-4px)
}