How to create a single whole from 3 svg files?

Question

css

It is necessary to create a single whole from 3 svg files (example below), so that the resulting miracle is in the center of the screen and the "sticks" on the sides are centered horizontally relative to the camera.

Answer 1

Use the vector editor:

Adobe Animate
Adobe FreeHand
Adobe Illustrator
Affinity Designer
Anime Studio
Calligra Flow
CorelDRAW
Figma
FreeCAD
Graphviz
Gravit Designer
Inkscape
Kivio
OpenOffice Draw
PaintShop Pro
PGF/Tikz
Pivot Animator
RasterDesk
Scribus
SK1
Sketch
Stykz
Xara Designer

Import image, process, save.

Answer 2

You can insert svg and use ::after and ::before to create "sticks" and center as you need

Answer 3

As a result, I did this:


It looks like the example
of ps did not hit the screen, camera-image__item {padding: 0px 5px;} Thanks for the help and the new solution methods for me!)