.ccm-block-gallery {
	margin: 2em 0;
}

.ccm-block-gallery .row {
	--bs-gutter-x: 1rem;
	  --bs-gutter-y: 1rem;
}

.ccm-block-gallery .row a {
	aspect-ratio: 4/3;
}

.ccm-block-gallery .ccm-block-gallery-image-overlay-color {
  background-color: rgba(0, 128, 128, 0.8);
  transition: all 0.1s;
}

.ccm-block-gallery-image-overlay-color,
.ccm-block-gallery-image-overlay-text {
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}

.ccm-block-gallery .row a:hover .ccm-block-gallery-image-overlay-color,
.ccm-block-gallery .row a:hover .ccm-block-gallery-image-overlay-text {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s;
}

.ccm-block-gallery .ccm-block-gallery-image {
	height: 100%;
}