How can I fix overlapping and stretched images on my mobile site?

helenoconnorbridal.com

I’m struggling to optimise the header logo for the mobile site so that it doesn’t overlap with the rest of the content in the header and 2 the product images on mobile are too stretched out. see link above

please note its only a problem in mobile view

is there any way to fix this whilst keeping the desktop site in tact?

thanks team