background Positioning Background image

Site URL: https://olllam2.squarespace.com

pass: shimmin

I can't seem to control that background image at the top (the vines). I don't want it to be stretched out like that... I'd like it to fill like 75% of the screen, top/center. Any ideas?

Hi. You want to reduce image width??

The background images are not actually background images. They are images inside a div with a class of background image. 

I was able to reposition my background image to position at the top of the section using object-position.

.section-background img {
  object-position: 50% 0 !important;
}

I can NOT, however figure out how to target a specific background image. I see id's assigned in the JS, but haven't figured out if we can use those to target an image. 

Can you help!?!?!?

On 3/6/2021 at 4:18 AM, julie-b said:

The background images are not actually background images. They are images inside a div with a class of background image. 

I was able to reposition my background image to position at the top of the section using object-position.

.section-background img {
  object-position: 50% 0 !important;
}

I can NOT, however figure out how to target a specific background image. I see id's assigned in the JS, but haven't figured out if we can use those to target an image. 

Can you help!?!?!?

 

You can target data-section-id