how to make an image background transparent

Shopify Discussion
,
1

as you can see the image has the same background as my website even though it is transparent. How do i make it not have the websites background
as you can see the image has the same background as my website even though it is transparent. How do i make it not have the websites background1316×759 54.8 KB

I have a background image on my home page and any transparent pngs or gifs i insert have the same background as the background image on my website how do I change this.

To put the background image i used this code:

.gradient {
background: var(–gradient-background);
background-attachment: fixed;
background-image: url(https://cdn.shopify.com/s/files/1/0786/2088/5272/files/background_3.svg?v=1699529493) !important;
background-color: transparent !important;
background-position: top left !important;
background-size: auto !important;

as you can see the image has the same background as my website even though the image is transparent, how do i make the image fully tansparent
as you can see the image has the same background as my website even though the image is transparent, how do i make the image fully tansparent1316×759 54.8 KB