All solutions

struggled with overlays and getting the image to be on the right hand side on desktop site.

I struggled with creating media queries for the desktop site, the calculator div disappears to the right when I change screen sizes, when I am using site inspection mode on chrome the containers shrink nicely but when in normal browsing mode it the responsiveness is a bit poor.

My top div with the heading and paragraph also first shifts to the left when I make the screen size smaller and then snaps back to center.

Some assistance of resolving these issues would be appreciated. :)

How to use star emojis without black border

Adding svg file as desktop background

Centering a div vertically. Media queries confused me a little Understanding max width requirements and their relationship with media queries