CSS works in preview but not live site?

Site URL: https://www.samdavis.art/

Hi I'm trying to get the image at the bottom of my page to cross over the site's bottom margin without extending the page / scroll bar. I've managed to get it how I wanted in the CSS code preview, but my live site is not showing the same results. Here's my  code that works in preview:

div #block-yui_3_17_2_1_1726137007164_2425 {

  position: absolute !important;
  left: -930px;
  top: 0px !important;
 }


div #block-yui_3_17_2_1_1726137007164_2425 .sqs-image {
    justify-content: flex-end !important;
}

div #block-yui_3_17_2_1_1726137007164_2425 .sqs-image>
div {
    position: absolute !important;
    bottom: -260px !important;
}
body.homepage article section:first-child {
	min-height: unset !important;
}

This is how I want the image to appear at the bottom of the site:

This is how it's currently appearing in my live site:

Thank you!

1 hour ago, tuanphan said:

Hi,

I think you figured it out? It already same as screenshot 1 in my end

Yep I did 🙂 I just had to edit the actual image in photoshop again to remove any white space first.