<figure class="img-hover img-item--4-3">
	<a href="">
		<div class="img-hover__overlay"></div>
		<img class="img-hover__img" src="https://unsplash.it/800/400?image=1017">
		<figcaption class="img-hover__caption">
			<h3>Zoom in</h3>
			<p>Image hover effect</p>
		</figcaption>
	</a>
</figure>


<figure class="img-hover img-item--4-3 img-hover--zoom-out">
	<a href="">
		<div class="img-hover__overlay"></div>
		<img class="img-hover__img" src="https://unsplash.it/800/400?image=1050">
		<figcaption class="img-hover__caption">
			<h3>Zoom out</h3>
			<p>Image hover effect</p>
		</figcaption>
	</a>
</figure>


<figure class="img-hover img-item--4-3 img-hover--slide-up">
	<a href="">
		<div class="img-hover__overlay"></div>
		<img class="img-hover__img" src="https://unsplash.it/800/400?image=1043">
		<figcaption class="img-hover__caption">
			<h3>Slide up </h3>
			<p>Image hover effect</p>
		</figcaption>
	</a>
</figure>


<figure class="img-hover img-item--4-3 img-hover--slide-right">
	<a href="">
		<div class="img-hover__overlay"></div>
		<img class="img-hover__img" src="https://unsplash.it/800/400?image=1037">
		<figcaption class="img-hover__caption">
			<h3>Slide right </h3>
			<p>Image hover effect</p>
		</figcaption>
	</a>
</figure>