Repeated logo pattern CSS background

Attempting to create a simple web app with a custom background.

The background is CSS (Svelte Application) and is pretty straightforward idea.

I have a logo (both .png and .svg), the logo has no whitespace around it. I wish to have the logo rotated, resized, whitespace added, and repeated. This should be on top of linear-gradient background.

I can do many of these things individually, but combining them seems to be a major hassle.

Am I just easiest off with taking the .png, resizing it with in an online tool, centering it in a transparent canvas?

I tried the base64 version of the png but that ended up rather "large" on the text-size.

Any help is appreciated.