body div.mpg-gallery {
display: grid;
grid-template-columns: repeat(var(--mpg-columns, 4), 1fr);
grid-gap: var(--mpg-gap, 10px);
} @media (max-width: 768px) {
body div.mpg-gallery { grid-template-columns: repeat(var(--mpg-tablet-columns, 2), 1fr);
}
} @media (max-width: 480px) {
body div.mpg-gallery { grid-template-columns: repeat(var(--mpg-mobile-columns, 1), 1fr);
}
}
body div.mpg-gallery a {
display: block;
transition: transform 0.2s;
border-radius: var(--mpg-border-radius, 0px);
overflow: hidden;
aspect-ratio: var(--mpg-aspect-ratio, 1 / 1);
}
body div.mpg-gallery a:hover {
transform: scale(1.05);
}
body div.mpg-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}