Images and Shapes different angles on mobile - HELP!

Site URL: https://algae-turquoise-ap65.squarespace.com/

I am designing a website for a client and have used code to angle images and shapes. On the homepage I have angled the shapes and images so they fit together - so it looks like a framed photo - and also have codes so when you hover over these images another image appears. 

I knew this wouldn't work on mobile view, however the angled shapes and images are completely different and angled too much on mobile. Is there a way of angling them differently on mobile? Or deleting the angle code just for the mobile version? Or to fix this so it doesn't look messy?

HOPE THIS MAKES SENSE!!  thanks

34 minutes ago, emmaburtonblog said:

Site URL: https://algae-turquoise-ap65.squarespace.com/

This is set to Private, can you add and share a site wide password?

How are you setting the angles?

35 minutes ago, emmaburtonblog said:

Is there a way of angling them differently on mobile? Or deleting the angle code just for the mobile version?

Yes, use media queries to have different angles for desktop and mobile.

Site password is: 1John4v18

And I've used the code: #blockID {transform: rotate(+15deg);}          and then put the block ID in for the shape and photo I needed angled 

10 hours ago, emmaburtonblog said:

Site password is: 1John4v18

The site is still set to private.

So sorry! It should work now I've popped it on password only

Thank you! That worked 🙂

Also, I've popped a code in my footer injection for a 'scroll back up button'. I don't need the button on my 'contact' page - how do I remove it from that page only?