pixy | declarative vendor-independent graph query language

I wonder how can I change the line after the text "version 1" "version 2" and "version 3". Those are inline, but if I change it into block or add br/ tag, the whole small boxes are broken into two parts, which is not intended. Also, even I put the contents (p and images) in the small box, why does not contain whole contents?

I am trying to store 2x2 matrices in an array, which is to be connected to a particular size of an image for futher image processing. I.e.:

I want to have this beautiful text effect by adding a class to every text element:

Here is the original code of the above image.

https://codepen.io/pixy-dixy/pen/GRNwmWv

The issue with this code is he used attributes to create such a text effect but I want to use a simple class which can be added to any text element.

I tried to create that class with no luck:

Here is what I tried so far:

I'm trying to receive stock data for about 1000 stocks, to speed up the process I'm using multiprocessing, unfortunately due to the large amount of stock data I'm trying to receive python as a whole just crashes.

Is there a way to use multiprocessing without python crashing, I understand it would still take some time to do all of the 1000 stocks, but all I need is to do this process as fast as possible.

Here is a box containing two SVGs. one for the text and one for the background rectangle.

I want to fit the text inside the background rectangle. so that there is no text stretching out of the background rectangle. (Note that I don't want to line break the text I want to decrease the dimensions of the text or something to fit the text inside the rectangle in a single line);

I have tried a lot of solutions with no luck and I think maybe there are no pure CSS solutions, So even Javascript to fix this wired issue is accepted.

Note: I really need the text and the background rectangle to be SVGs.

Here is the CodePen.

And Here is the code:

I want to create a row of boxes aligned in the center of a background rectangle like this:

Note that we may have more than two boxes or just a single one.

creating a column of boxes shouldn't be a complicated task but, the issue is when you want those paddings above and below the background rectangle things (at least for me) goes complicated.

I can calculate al this using javascript but I wonder if there is a solution using pure CSS.

Here is the Codepen and the code:

Finally, I have a row of boxes like this:

See the code in action on Codepen . StackOverflow can not show it correctly.

Here is the css I used:

It would also be helpful if you could tell me how I can make the Arduino display the name of object detected.

Can you tell me what I need to add to do this:

I have a three even columns using flexbox. In CodePen it looks more clear: https://codepen.io/pixy-dixy/pen/KKVwvoQ

Here is the code: