moving shapes with css

[TisTos-tass3]

hi
i would like to know how can i move my shapes (made on illustrator and exported to svg) like in the second picture(i made it on figma)

here's what i have done :
{/* SVG Shape 1 /}
<img
src={cercle}
alt="cercle rouge 1"
className="absolute bottom-0 left-0 w-10 h-10 transform -translate-x-0 "
/>
{/ SVG Shape 2 */}
<img
src={cercle}
`` alt="cercle rouge 1"
className="absolute top-0 right-0 w-40 h-40 transform -translate-x-(-90) " />

[wongjn]

You could consider using a combination of inset/top/right/bottom/left/transform CSS properties to move the shapes as you'd like. Then, if needed, apply overflow: hidden to the element with the blue background to "clip" the shapes.