I understand. What do you mean by decimated. I’ve just finished sorting it out. I’ll share a pic.
Does this make sense to ya? What I did was remove the image you had, opened the full image of the flower, and cropped it to just the bottom half. Then went on from there. Here’s the code to both again :
#flower{
position: relative;
top:500px;
left:520px;
width: 12em;
height: 12em;
padding-top: 16.25em;
margin: 8.125em auto;
border: none;
background-image: url(https://i.ibb.co/CHHMHrR/pink-cherry-blossom-on-black-260nw-48419839.jpg);
background-repeat:no-repeat;
background-size: 100% auto;
z-index:90000;
}
#ripples {
position: absolute;
width: 12em;
height: 4em;
top: 5.8em;
left: -1.5em;
background-image: url(https://i.ibb.co/BBqP9YX/pink-cherry-blossom-on-black-bottom.jpg);
background-size: 132% auto;
background-position: 0 -9.75em;
filter: url( #turbulence);
}
This is as close as I could get to what you sent me