How can I use flexbox to create a horizontal scrolling image gallery where the image size is responsive up to a point

Question

I have a codepen showing where I\'ve got to so far https://codepen.io/HightonRidley/pen/MWbWYgw The css I\'m using is

.flex-container {
    display: flex;
    ove