Fixing the bottom of my image

Working on another challenge and I am almost done but there is one thing I need help with.
You can see on the bottom of the image there is a different shade of purple. I am wondering how I can get rid of that? I am assuming it is because I set the background color of my image, but I did that so I could use the mix-blend to get the purple color over the image itself.

Here is my pen

Hey there! Have you tried to set the image to display: block? I think this might help to get rid of all the space available between the picture div and the actual image.

1 Like

Works perfectly. Thank you!

1 Like

You’re welcome, glad I could help!