Issue with Custom liquid field

[jahin2]

we have used a custom liquid to create below field in home page,

texts are aligned left side. recently i have updated the images to new ones. after that the text alignment on 2nd image is off on full screen desktop view. See below,

Can some one please help me correct this issue.

below is the code used in CSS liquid,

<div class="custom-liquid-banner">
<ul>
<li>
<img src="https://cdn.shopify.com/s/files/1/0906/5650/6170/files/Human_White.png?v=1734536200" />
<span>
<h3>Choose your favourite photo</h3>
<p>Upload a favourite photo with your order ( we accept 98% of all photos!) Our team will always reach out if your photo isn't right.</p>
</span>
</li>

<li>
<img src="https://cdn.shopify.com/s/files/1/0906/5650/6170/files/Customize_White.png?v=1734536198"/>
<span>
<h3>Customize & make it your own</h3>
<p>Add your name, choose a background color, customize the style, and select a frame & size.
</p>
</span>
</li>

<li>
<img src="https://cdn.shopify.com/s/files/1/0906/5650/6170/files/delivery_White.png?v=1734536195" />
<span>
<h3>Sit tight!</h3>
<p>Once you submit your order, our artists get to work on digitally-illustrating your portrait, expect to recive your custom portrait within 1-2 weeks.</p>
</span>
</li>
</ul>
</div>


store URL is: https://qcnphvtdabbetgfd-90656506170.shopifypreview.com

[Guleria]

Hello @jahin2 ,

If you keep equal text in all paragraphs then it will fixed automatically.

Try to add few more words here 
<p>Add your name, choose a background color, customize the style, and select a frame & size.
</p>

and it will fixed.

Regards
Guleria

[jahin2]

Thankyou @Guleria 

[Made4uo-Ribe · Accepted solution]

Hi @jahin2 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.image-with-text__content .custom-liquid-banner li {
    justify-content: unset;
}

• And Save.
• Result:
• 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[jahin2]

Thanks for the help @Made4uo-Ribe