.dl-block-gallery {margin:20px 0;}
.dl-block-gallery>div{overflow:hidden;border-radius:6px;position: relative;border:1px solid #324e0f24;}
.dl-block-gallery::after {content: ''; display: table; clear: both;}
.dl-block-gallery-item a {position: relative; height:100%; width:100%;overflow:hidden;border-radius:6px;}
.dl-block-gallery-item img { width:100%; height:auto; margin:0; padding:0; vertical-align: middle;transition: all 2s;}
.dl-block-gallery-item .caption {position: absolute; bottom:0px; left: 0px; right: 0px; padding: 5px;background-color: rgba(0,0,0,.7); opacity:0;color: white; font-size: 75%; text-align: center;}
.dl-block-gallery-item:hover img {transform:scale(1.2);}

.dl-block-gallery-item .caption {transition:all .5s;}
.dl-block-gallery-item:hover .caption {opacity:1;}

.dl-block-gallery {display: grid; grid-template-columns: 1fr 1fr 1fr;grid-gap:14px;}
.dl-block-gallery.has-2-columns {grid-template-columns: 1fr 1fr;}
.dl-block-gallery.has-3-columns {grid-template-columns: 1fr 1fr 1fr;}
.dl-block-gallery.has-4-columns {grid-template-columns: 1fr 1fr 1fr 1fr;}
.dl-block-gallery.has-5-columns {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.dl-block-gallery.has-6-columns {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}

@media screen and (max-width: 800px) {
	.dl-block-gallery.has-2-columns {grid-template-columns: 1fr 1fr;}
	.dl-block-gallery.has-3-columns {grid-template-columns: 1fr 1fr;}
	.dl-block-gallery.has-4-columns {grid-template-columns: 1fr 1fr 1fr;}
	.dl-block-gallery.has-5-columns {grid-template-columns: 1fr 1fr 1fr 1fr;}
	.dl-block-gallery.has-6-columns {grid-template-columns: 1fr 1fr 1fr 1fr;}
}

@media screen and (max-width: 600px) {
	.dl-block-gallery.has-2-columns {grid-template-columns: 1fr;}
	.dl-block-gallery.has-3-columns {grid-template-columns: 1fr 1fr;}
	.dl-block-gallery.has-4-columns {grid-template-columns: 1fr 1fr;}
	.dl-block-gallery.has-5-columns {grid-template-columns: 1fr 1fr 1fr;}
	.dl-block-gallery.has-6-columns {grid-template-columns: 1fr 1fr 1fr;}
}