JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="main_gallery">
	<li class="gallery-block">
		<img src="http://islamtv.ru/uploaded_images/islamtv.ru13522100080.34637200.jpeg" />
	</li>
</ul>

CSS

.gallery-block {
	 overflow:hidden;
	 border: 5px solid #fdd693;
	 border-radius: 100px;
	 width: 195px;
	 height:195px;
   }

.gallery-block img {
    width:100%;
    height:auto;
	 transition: width 1s;
    }
 
.gallery-block img:hover{
    width:120%;
	 cursor: zoom-in;
 }