you could use :after. make one tall image with all the images you want in it in your photo editor of choice, then add this styling:
div.col.w-40.left > div:nth-child(7):after {
content: " ";
display: block;
height: 200px;
margin-top: 10px;
background: url('YOUR-IMAGE-URL-HERE.png') no-repeat;
background-size: cover;
}
tweak the height property until your image fits comfortably without being cropped. (too low height will crop the bottom and too high will crop the sides) you could leave some empty space at the bottom of the image when making it so you don't have to fiddle around too too much.
when done it should hopefully look something like this: