All solutions

Any and all feedback/criticism is welcome. I found the mobile layout very easy to achieve but had to experiment a lot with the desktop layout and it still isn't right on very big screens.

On the screen shot I have no idea why the bottom svg is out of position. On the live site it isn't like that.

(please check the preview site as the comparison above doesn't reflect the finished code)

As this is my first challenge I am open to any advice/feedback that anyone is willing to give. I am currently just making things work and I know that I am probably not following best practices like DRY.

If more experienced devs can tell me where I can be more effective with my code or if there is simply a better way to do things, I am all ears.

Thanks

(this is an update as I had previously set a max width/height and forgot to remove it. For some reason this isn't being reflected on the comparison)