Messer | line messaging for Facebook Messenger

Hopefully this is what you are trying to achieve. From what I understood you want to centre the box in the middle of the image.

The logic I used was calculating the left position of .text-and-image-box2 (100% of parent - own width/2)

Edit: I would also consider going over your css and cleaning it up a little. There is a lot of "unnecessary noise" that can be removed such as object-fit 3xtimes

Okay, first up, you don't want to loop over the rows in a dataframe. The rows are designed to be processed in parallel. Getting your head around that is a bit of a stretch, but once you've defined a few row-level operations and applied them to large dataframes, it'll get smoother. (The problem with looping over rows is one of speed. It's sometimes useful in debugging or toy problems, but modern computing hardware tries to parallelize computations as much as possible. Dataframes take advantage of that to process all the rows at once, rather than handling them individually in a loop.)

To do the conversion, you're going to need to define a custom function to operate on each individual row. Then you pass that custom function to the dataframe and tell it to apply that row-level function to one column in order to generate a new column.

So here's a possible function to get you started:

Could you please try following, written and tested with shown samples in GNU awk.

Maybe the JSON you get is not an array of Model?

You can print out the response string to check if you got the right type.