How to adjust Brooklyn slideshow image size for mobile viewing?

Technical Q&A
1

With the Brooklyn slider, the mobile version cuts the width of the image.

Is it possible to change the mobile version to a different image or image size?

2

Please place this code at the end of theme.scss

@media only screen and (max-width: 600px) {
.hero-slideshow, #shopify-section-slideshow .slick-list {
    height: unset !important;
}
.hero .hero__image {
    object-fit: contain !important;
}
}