.wg-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
}

.wg-item{
position:relative;
overflow:hidden;
}

.wg-item img{
width:100%;
height: 320px !important;
object-fit: cover;
display:block;
}

.wg-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(150, 20, 187, 0.4);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
opacity:0;
transition:0.4s;
}
.wg-overlay h3 {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
}
.wg-item:hover .wg-overlay{
opacity:1;
}
.wg-item img {
	transition: 0.8s!important;
}
.wg-item:hover img {
	transform: scale(1.2);
}
.fancybox__container button:hover {
	background: #9614BB!important;
}
@media(max-width: 767px) {
	.wg-grid{
		grid-template-columns:repeat(1,1fr);
	}
}
@media(max-width: 1024px) and (min-width: 768px) {
	.wg-grid{
		grid-template-columns:repeat(2,1fr);
	}
}
@media (min-width: 1600px) {
	.wg-grid{
		grid-template-columns:repeat(4,1fr);
	}
}