.wg-grid {
  display: grid;
  gap: 20px;
}

.wg-item {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
}

.wg-item .wg-img{
  position: relative;
  overflow: hidden;
  border-radius: 20px;
      mask-image: url("data:image/svg+xml,%3Csvg width='132' height='108' viewBox='0 0 132 108' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46 68.5C48.0465 96.1279 30.186 106.493 18.4186 108H132V0C130.772 19.2893 111.364 26.1209 101.814 27.1256L76.7442 28.1302C72 28.1302 67.5848 28.9328 64 30.5C58.917 32.7221 55.1328 36.5487 52.5 40C48.5084 45.2326 46.6605 51.0597 46.5 55L46 68.5Z' fill='%231C1A1A'/%3E%3C/svg%3E%0A"),linear-gradient(#fff 0 0);
    mask-repeat: no-repeat;
    mask-size: auto;
    mask-composite: exclude;
    overflow: hidden;
    mask-position: right bottom;
}

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

.wg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #1c1c1ccc 0%, #00000000 100%);
  display: flex;
  align-items: end;
  color: #fff;
  padding: 0 20px;
}

.wg-overlay h3 {
  font-family: "Marcellus", Sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #ffffff;
	width: 65%;
	margin: 0 0 20px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}

.wg-item .wg-img:before{
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(225, 225, 225, 0.2) 50%, transparent 100%);
    border-radius: inherit;
    transform: skewX(-20deg);
    pointer-events: none;
    z-index: 1;
}
.wg-item .wg-img:hover:before {
    animation: sweepShine 0.8s ease forwards;
}
.wg-item img {
    transition: transform 500ms !important;
    transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
} 
.wg-icon-btn {
    color: #fff;
    fill: #fff;
    padding: .5em;
    background: #fff;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wg-icon-btn svg {
	height: 26px;
    width: 26px;
}
.wg-item:hover img{
    transform: perspective(4500px) rotateX(0.03deg) rotateY(0deg) scaleX(1.09) scaleY(1.09)!important;
} 
@keyframes sweepShine {
  0% {
    left: -75%;  
  }
  100% {
    left: 125%; 
  }
}

@media(min-width: 1140px) {
	.wg-grid {
	  grid-template-columns: repeat(4, 1fr);
	}
}
@media(min-width: 860px) and (max-width: 1139px) {
	.wg-grid {
	  grid-template-columns: repeat(3, 1fr);
	}
}
@media(min-width: 640px) and (max-width: 859px) {
	.wg-grid {
	  grid-template-columns: repeat(2, 1fr);
	}
}
@media(max-width: 639px) {
	.wg-grid {
	  grid-template-columns: repeat(1, 1fr);
	}
	.wg-item img {
		height: 460px !important;
	}
}