torsar,
как вариант ...
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
.images-set {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-left: 2%;
margin-right: 2%;
}
.images-set figure {
margin: 0;
flex-basis: 29vmax;
height: 29vmax;
background: #fff;
border-radius: 4vmax;
box-shadow: 0 5px 10px 0 rgba(7,8,63,.50);
text-align: center;
}
@media (max-width: 480px) and (orientation: landscape){
.images-set figure {
flex-basis: 29vmin;
height: 29vmin;
}}
@media (orientation: portrait){
.images-set figure {
flex-basis: 29vmin;
height: 29vmin;
}}
.images-set img {
margin-top: 3px;
width: 70%;
height: auto;
}
.images-set figcaption {
display: block;
text-align: center;
padding: 5px 5px 5px 5px;
font-size: 1.8vmax;
}
.images-set p {
margin: 2px;
margin-bottom: 0;
}
</style>
</head>
<body>
<div class="images-set">
<figure>
...
</figure>
<figure>
....
</figure>
<figure>
<p>
<img src="https://www.groziodovanos.lt/uploads/images/small/6822.jpg" alt="">
</p>
<figcaption>
Your money will always be safe
</figcaption>
</figure>
</div>
</body>
</html>