Aligning Images with text regardless of window size

Site URL: http://torchglow.video

PW: T0rchgl0w

I'm having trouble getting some images to align and stay aligned with text in a 'list' section. It only looks correct when the window is a certain size, but the images get skewed left or right depending on the size of the window. I've attached screen shots of desktop vs mobile.

I added the images via code block and have css resizing and positioning them. Here is an example:

Code:

<img src="https://static1.squarespace.com/static/6016ebcd5d14073e2249cdd0/t/606241f5836efb696e849bc5/1617052149712/fuel_icon.png">

CSS:

/*fuel*/
#block-yui_3_17_2_1_1617052003349_6358
{width: 73px;
 position: relative;
  left: 40%;

}

Thank you!

Hi. Do you still need help on this?

Yes I do! I still haven't been able to figure this out.

On 5/6/2021 at 11:31 PM, torchglow said:

Yes I do! I still haven't been able to figure this out.

 

Hi. Remove left & use margin: auto. Repeat for other images

div#block-yui_3_17_2_1_1617052003349_6358 {
    left: unset;
    margin: 0 auto;
}