line and image code

Site URL: https://cheetah-krill-7gh3.squarespace.com/config/

Hi!

This is super frustrating. I put in some code to change a line to an image, it looks fine in edit mode but in desktop mode it bugs out and the line appears underneath it and is smaller. 

Also the black and white images i have put in, the 4 in a row are squashed. again, looks fine in edit mode, but when its desktop mode it goes all weird. 

(you can see it all in the section 3, under donut. ) 

I keep redoing the section and then it's fine, but after awhile it bugs out again. 

Where am I going wrong?

Thanks in advance!

Hi,

you need to publish your site for us to see it. if it's not ready yet, then put a password on it (settings > site availability) and post the password here. probably worth posting the code you're using to manipulate the line too.

Hi! thank you! Sorry I just saw your reply! 

This is the code I'm using

hr{background-color:transparent!important; background-image:url('https://static1.squarespace.com/static/600f4eee259c4028f7f7a05d/t/612874c01b33c23e89e480cf/1630041280821/line.png')!important;
background-size:contain!important; background-position:center;
background-repeat:no-repeat!important; height:250px!important}

I can't see what the problem would be? Any help would be great!

site password: RennyRen27

I actually just opened it in another browser (Safari) and its fine. But in Google Chrome its not?? 😕  My 4 images are still squashed though....not sure why. 

Sorry I took the password off. Are the code and images enough to go on?

The top image is in Chrome, the middle is Safari and the bottom is Safari (is doing it in both browsers) 

Hi,

Do you still need help?

Hi! 

No it seems to have fixed itself.....:/