All solutions

it was hard to adjust background and slider's position.. any feedbacks are welcome!!

How do I fix my code to hide toggle menu when another is active and toggled?

Also in desktop view, background svg is on the image with the girl. how do I make it below it? z-index doesn't work on this.

It looked easy but was harder than I thought. How do I place drawer image as same as its original design? Also I have a problem with hovering share icon. when I hover it, background circle can't be shown because of the new hover element (facebook, twitter, pinterest area) How can I fix this?

This is my 3rd solution. Any feedbacks are welcome!

The hero image and text look like it's a bit more on left side on bigger screen..?

Any recommendation or feedback plz!

Background images can't be load in Chrome but only in Firefox. Also I tried to use pseudo but it couldn't show images. So I copied and pasted background solution.

Any recommendation plz!