.bsagl-gallery {
	--bsagl-gap:             8px;
	--bsagl-col-min-width:   200px;
	--bsagl-item-height:     200px;
	--bsagl-hover-scale:     1.03;
	--bsagl-transition:      0.2s ease;

	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( var( --bsagl-col-min-width ), 1fr ) );
	gap: var( --bsagl-gap );
}

.bsagl-gallery-item {
	display: block;
	overflow: hidden;
}

.bsagl-gallery-item img {
	width: 100%;
	height: var( --bsagl-item-height );
	object-fit: cover;
	display: block;
	transition: transform var( --bsagl-transition );
}

.bsagl-gallery-item:hover img {
	transform: scale( var( --bsagl-hover-scale ) );
}