<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/css/lightbox.css" rel="stylesheet">

<div class="wrap">
	<a href="https://www.ameamelog.com/wp/wp-content/uploads/2019/10/progressive-image_01.jpg" data-lightbox="group1" data-title="caption"><img src="https://www.ameamelog.com/wp/wp-content/uploads/2019/10/progressive-image_01.jpg" alt=""></a>
	<a href="https://www.ameamelog.com/wp/wp-content/uploads/2019/10/progressive-image_02.jpg" data-lightbox="group1" data-title="caption"><img src="https://www.ameamelog.com/wp/wp-content/uploads/2019/10/progressive-image_02.jpg" alt=""></a>
	<a href="https://www.ameamelog.com/wp/wp-content/uploads/2019/10/progressive-image_03.jpg" data-lightbox="group1" data-title="caption"><img src="https://www.ameamelog.com/wp/wp-content/uploads/2019/10/progressive-image_03.jpg" alt=""></a>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/js/lightbox.min.js"></script>

* {
	box-sizing: border-box;
}
body {
	min-height: 100vh;
	margin: 0;
	padding: 10vh 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
ul {
	margin: 0;
}
.wrap {
	width: 50%;
	display: flex;
	justify-content: space-around;
}
.wrap a {
	flex-basis: 30%;
}
.wrap a img {
	max-width: 100%;
}