HTML / CSS Transparent Image Keeps showing background

Question

I am trying to insert a logo into the header of my webpage, and although it is transparent when I save it locally, it still shows a grid when the URL is inserted into my stylesheet. How can I get rid of that ugly grid in the logo?

header {
      background-color: #5C9632;
      background-image: url(https://library.kissclipart.com/20190218/sgq/kissclipart-cartoon-snake-logo-clipart-snakes-logo-9150a5362e4635c4.png);
      background-repeat: no-repeat;
      background-size: 100px 100px;
}

Answer 1

DO: You just need to download the image from https://www.kissclipart.com/ using the Free Download button.

DON'T Using right-click, then Save Image, it will get you the grid photo.

Your CSS code is fine.

Answer 2

Here is image without background;)