.wd-shine.wd-block-image,
.wd-shine .wd-block-image,
.wd-shine .wd-block-cover-img {
	position: relative;
	overflow: hidden;
}

.wd-shine.wd-block-image::before,
.wd-shine .wd-block-image::before,
.wd-shine .wd-block-cover-img::before {
	content: '';
	position: absolute;
	top: 0;
	inset-inline-start: -75%;
	z-index: 2;
	display: block;
	width: 50%;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(var(--wd-shine-angle, 90deg), rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
	transform: skewX(var(--wd-shine-skew, -25deg));
}

.wd-shine.wd-block-image:hover::before,
.wd-shine .wd-block-image:hover::before,
.wd-shine .wd-block-cover-img:hover::before {
	animation: wd-shine 0.75s;
}

[dir="rtl"] {
	--wd-shine-angle: 270deg;
	--wd-shine-skew: 25deg;
}

@keyframes wd-shine {
	100% {
		inset-inline-start: 125%;
	}
}