Please download the starter files from here.
A useful but occasionally confusing css property is object-fit (and its related property object-position.
It allows to “crop” images with CSS, which can be very useful in responsive design.
I have created a series of Loom videos to explain how to use it. As always, please watch them in the order implied by the numbers in their titles.