Stop cropping from full width slideshow: reel, gallery on mobile

Site URL: https://lanternfish-synthesizer-3eh7.squarespace.com/config/settings/site-visibility

Hi,

On my 7.1 website: https://lanternfish-synthesizer-3eh7.squarespace.com/chris-robertshaw (Password: concrete),  I am having an issue where on mobile, my gallery (slideshow: reel) is cropping both sides of my images. This is at the bottom of the page in a key projects section, there is text on the images so I want these to still show. 

Does anyone know if there is a way to stop this cropping from happening and have the full width of each image?

Desktop view:

Mobile view:

Hey @tuanphan, 

Thanks for getting in touch! Unfortunately through talking to Squarespace Support they were not able to resolve this for me at the time, would you be able to find out how your client achieved this?

Hello, did you find a solution since? I would also be interested to know about that issue

Thanks a lot!

Also looking for a workaround for this too, thanks!

Any updates on this? i feel like this is pretty important to fix isnt it? what other alternative solution is there? i dont see a way to format the way the image is displayed on mobile. HELP SQUARESPACE!

Post a link to your page so we can help.

On 6/22/2020 at 2:06 PM, rwp said:

Post a link to your page so we can help.

I'm looking for help on this issue. The site I'm working with is jamiebiver.com

This is what helped me in the Custom CSS box

Quote

@media screen and (max-width:767px) {
.gallery-reel {
    height: 40vh !important;
}
}