Landing page help, images stretching on IOS

Hi I’ve just finished the landing page and everything was working fine but when I asked for feedback someone let me know that the guitar pictures appear stretched when on mobile(ios), I checked on my own phone and he was correct. The website is responsive and works perfectly when testing it out on my browser using developer tools, everything rearranges properly and has the appropriate size. This issue only happens when on mobile. The only “fix” I have found is to hard set the height, but I’m asking if there is a better way?
Thank you

https://codepen.io/win20/pen/BajVwod