/* WIDGET: SIMPLE IMAGE
-------------------------------------------- */

.vlt-simple-image {
	position: relative;
	overflow: hidden;
	border-radius: var(--vlt-border-radius-lg);
	z-index: 0; // fix rounded

	img {
		display: block;
		width: 100%;
		margin: 0 auto;
		transition: transform var(--vlt-transition-duration) var(--vlt-transition-easing) !important;
		backface-visibility: hidden;
		will-change: transform;
		object-fit: cover;
	}

	.ratio img {
		height: 100%;
	}

}


.vlt-simple-image a:hover {

	img {
		@extend %vlt_animate_image;
	}

}