PLEASE HELP! Trouble resizing image specifically for mobile

Site URL: https://seabass-wisteria-9mzs.squarespace.com/config/

Hi there,

I am having trouble sizing a couple of images on my site on the 'our story' page.
I am happy with how they are displayed on desktop, but i dont like how they are cropping when changing to the mobile spec. 

Could anyone help with the code i need to force these images to be uncropped (just showing the full width of the image in landscape size) when viewed in mobile please? 

Hi. Your site is private. Can you setup password & share url again? We can check easier

thanks so much!
I have just done so, but where should i share the password, do you have an email i can send it too?

seabass-wisteria-9mzs.squarespace.com

here is the URl link

On 5/8/2021 at 1:02 AM, RyanL said:

seabass-wisteria-9mzs.squarespace.com

here is the URl link

What is password?

https://seabass-wisteria-9mzs.squarespace.com/config/settings/site-visibility

KONIG@)!@

On 5/10/2021 at 2:49 AM, RyanL said:

https://seabass-wisteria-9mzs.squarespace.com/config/settings/site-visibility

KONIG@)!@

Still incorrect. Can you check it again?

sorry not sure why that didn't work!

https://seabass-wisteria-9mzs.squarespace.com/config/
Konig2017!

Please try again

On 5/11/2021 at 11:10 PM, RyanL said:

sorry not sure why that didn't work!

https://seabass-wisteria-9mzs.squarespace.com/config/
Konig2017!

Please try again

 

Add to Design > custom CSS

/* resize our story image */
@media screen and (max-width:767px) {
[data-section-id="6061d60e0720934f0647ed32"] .section-background-content {
    z-index: 999;
    position: relative !important;
}
[data-section-id="6061d60e0720934f0647ed32"] .section-background-canvas {
    visibility: hidden;
}
[data-section-id="6061d60e0720934f0647ed32"] img {
    visibility: visible !important;
    height: auto !important;
}
[data-section-id="6061d60e0720934f0647ed32"] {
    min-height: unset !important;
    height: 35vh !important;
}}

thank you so much!

If i wanted to do that for the header wrap on the same page, and another image is it as simple as just swapping the image ID but keeping the rest of the code?

Hi, thank you for your help.

If it isn't to trouble could you please help me further with the question above? 

16 hours ago, RyanL said:

Hi, thank you for your help.

If it isn't to trouble could you please help me further with the question above? 

You can change data-section-id. Use this tool to find data section id.https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en