How can I get an Image element working the same as Div backgound when using Divs with percentage width

Hi everyone,
I can’t seem to find a way to do this
How can I use an Image element inside a Div that works the same way as a Div background set to “Cover”
If you see this example I would like to get the image in the div below to act the same way as the image in the div above:

Both Divs are set to 70% width and 500px height. As you can see the Image element shrinks

Here is my site Read-Only: LINK
(how to share your site Read-Only link)