.gdob-gallery {
display: grid; grid-template-columns: repeat( auto-fill, minmax( 200px, 1fr ) );
gap: 12px;
margin: 1.5em 0;
} .gdob-item {
margin: 0;
overflow: hidden;
border-radius: 4px;
background: #f0f0f0;
position: relative;
} .gdob-item a {
display: block;
aspect-ratio: 1 / 1;
overflow: hidden;
}
.gdob-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease, opacity 0.3s ease;
} .gdob-item a:hover img,
.gdob-item a:focus img {
transform: scale( 1.05 );
opacity: 0.92;
} .gdob-caption {
padding: 6px 10px 8px;
font-size: 0.85em;
color: #555;
background: #fff;
text-align: center;
}  @media ( max-width: 768px ) {
.gdob-gallery {
grid-template-columns: repeat( auto-fill, minmax( 180px, 1fr ) );
gap: 8px;
}
} @media ( max-width: 480px ) {
.gdob-gallery {
grid-template-columns: 1fr 1fr;
gap: 6px;
}
}  .gdob-gallery--single {
display: block;
}
.gdob-gallery--single .gdob-item {
margin: 0;
}
.gdob-gallery--single .gdob-item a {
aspect-ratio: auto;
}
.gdob-gallery--single .gdob-item img {
width: 100%;
height: auto;
object-fit: contain;
}