Dawn Theme slide image and my image on banner is stretched out

Store Design
1

This is my first time using shopify. Glad to be part of the shopify family. I am currently working on a site using the dawn theme. I am having problems with the size of the image on my slide and banner image. The image looks perfect on mobile but on a laptop or desktop ( larger screen) the image seem to be stretched out. i have made attempts to make the image smaller but i still run into the same issue. Any advise on how to tackle this issue would be great.

Thanks T.J

Best wishes to all on here

2

@tattnum007
Hii,
Can You Please Share Your Store URL

3

https://uncotools.com/

4

@tattnum007

@media screen and (min-width: 750px){
#Banner-template--15605928034496__image_banner::before {
  padding-bottom: 15% !important;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

oscprofessional_0-1656424596508.png
oscprofessional_0-1656424596508.png1668×872 375 KB

5

Thanks for the Reply!! That did solve the picture on top but that didn’t change the slide pictures in the bottom of the page or the video block. those pic are still stretched out.