How do I resize my background images?

Hi there,

I'm new to Squarespace, so forgive me if this is a novice question.

How can I resize my images so they fit the background? I've tried playing with the format, but that hasn't helped.

I've uploaded screenshots of my background pictures as an example.

Thanks!

Can you share link to this page?

https://www.snoot2tail.com

Here's the link. Thank you!

First image

Try using this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
    [data-section-id="6146b9cb3f8fc159fab8dff8"] .section-background-canvas.background-fx-canvas {
    display: none;
}
[data-section-id="6146b9cb3f8fc159fab8dff8"]  img {
    visibility: visible !important;
}
[data-section-id="6146b9cb3f8fc159fab8dff8"] {
    min-height: unset !important;
    height: 55vh;
}
}

Thank you! When I put the code in for the first image, the syntax error popped up. Do you know how I can fix this?

Thanks so much for your help!

I don't see code you added. Code I sent here

but you added a different thing

My mistake, sorry. I thought I had to add the picture first before adding the code you sent me. 

On 3/1/2024 at 9:01 AM, emsimes said:

My mistake, sorry. I thought I had to add the picture first before adding the code you sent me. 

Have you solved it yet or still need help?