JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flexbin">
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f37/_DSC7618.jpg" />
				</a>
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p7/f196/A0149688.jpg" />
				</a>
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p5/f178/A0148739-2.jpg" />
				</a>
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p6/f185/_DSC2557.jpg" />
				</a>
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f53/_DSC9723.jpg" />
				</a>
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f47/_DSC1798.jpg" />
				</a>
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f175/A0149553.jpg" />
				</a>
				<a href="#">
					<img src="https://armene.com/images/stories/com_form2content/p1/f173/_DSC9994.jpg" />
				</a>
			</div>

CSS

.flexbin {
  display: block;
  overflow: hidden;
  margin: 2.5px; 
 }
.flexbin > a {
    display: block;
    box-sizing: border-box;
    width: 25%;
    height:200px;
    float: left;
    padding: 2px;
    
 }   
 .flexbin > a img{
    height: auto;
    width:100%;
    margin: 0 2.5px 2.5px 0;
 }