7.1 OVERLAP IMAGE OVER HERO

Hi all,

 

I have a little diamond image that I I would like to overlap the hero. You will see the hero image actually has the diamond on it but rather than displaying it that way I would like for the png that I added to overlap that section so it looks better on the parallax.

 

I have this code but can't get it to work.

 

/* remove section bottom padding */
[data-section-id="5ef91d882801f1255c12e37b"] .content-wrapper {
    padding-bottom: 0 !important;
}
/* remove overflow hidden */
div#block-yui_3_17_2_1_1594737404430_275 .image-block-wrapper {
    overflow: visible !important;
}
/* overlap image */
div#block-yui_3_17_2_1_1594737404430_273 img {
    width: auto !important;
    bottom: -20% !important;
    top: unset !important;
    right: 0;
    z-index: 999;
}

 

My website:

www.cocosatelier.co.uk

password: caview23

 

Any help would be very appreciated, thank you in advance.

 

Chanel