How to resize a mobile slideshow in the Brooklyn theme?

[alexkrik]

Hello, I'm using brooklyn theme and can't find an html code that correctly resizes the images in the slideshow for mobile. Here is the website url: slystoner.com

The images look great on computer, but don't resize well for mobile. Feedback would be much appreciated.

[dmwwebartisan · Accepted solution]

@alexkrik 

 please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

@media screen and (max-width: 768px) {
.hero .hero__image { object-fit: fill !important;}
}

Thanks!