how to make an image background transparent

[ahmy-com]

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;