/*
 * PureCSS.com
 * https://purecss.com/examples/image-zoom/
 * Smooth image zoom on hover using CSS transform and overflow:hidden.
 */

.demo-image-zoom .zoom-wrap {
		width: 200px;
		height: 130px;
		border-radius: 10px;
		overflow: hidden;
	}

:is(.demo-image-zoom .zoom-wrap) img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			transition: transform .4s ease;
		}

:is(.demo-image-zoom .zoom-wrap):hover img {
			transform: scale(1.3);
		}