Need help optimizing Hero section for Mobile and Desktop

[gthegreat]

Hello All, 

I've been building my own theme but I need help getting my Hero section mobile-optimized ... any tips would be greatly appreciated !!

This is what I have :

This is what I'm trying to achieve:

Basically, I want it to shrink it down, like how all the other dawn sections automatically do when displaying on mobile. I honestly forgot how to do it....again any tips in the right direction would be great !! 

Preview link (password is: plswork)

https://sopk5k4rpuz7rvvl-58572865730.shopifypreview.com

Thank you 

[KetanKumar · Accepted solution]

@gthegreat 

confirm look

[gthegreat]

@KetanKumar 

Hey thank you for your help, but what did you change ,I tried removing the 100% width and it now it looks like this :

It might be because I'm looking at it from the Shopify mobile setting... idk thank you again tho!!

[gthegreat]

@KetanKumar 

I adjusted the height and it does shrink, but the image quality doesn't stay consistent as it does with the other dawn section when viewing on mobile. Is there anything I can do? 

Thank you !

[KetanKumar]

@gthegreat 

yes you can do Desktop and Mobile Different image its best way