How to shove-insert-layout?

Question

css

Problem: It is

possible to lay out via pseudo-classes, but the main block has a background. Tried via SVG pattern:
xlink:href="image", url(#image.jpg) etc. But I don't know them very well, or rather I don't know them at all. Dimensions do not want to obey :(
The SVG itself

<svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="250px" height="270px">
<path fill-rule="evenodd"  fill="rgb(255, 255, 255)"
 d="M-0.000,-0.001 L179.158,-0.001 L250.000,269.999 L-0.000,269.999 L-0.000,-0.001 Z"/>
</svg>

Ideally, the question is how to put a picture into it (SVG element), which can be "looped" in the future. Which can be positioned and resized inside this SVG.
Thanks

Answer 1

I didn’t understand what you want to shove) cut .png and paste it anywhere)