How can I rearrange the order of sections from text, image to button?

[RosalynnSkin]

Hello,

I want to rearrange the order of the image and text section, by default it goes header image → button → image, I want to change the order to Text → Image → button.

I tried rearranging the HTML code but it throws off the formatting to this, where everything is aligned on the left side and no longer centered. I want to change that up a little, where text is centered then under that image centered then under that button is centered, without having the image on the right nor left of the text rather under it like how it is now but everything is centered instead of left-aligned.

(my site is rosalynnskin.com and I am using the debutify theme, the store copy of the image everything left-alligned is not active at the moment upon request if you want)

This is how I reordered the featured-row to make it look like this:

{%- unless section.settings.title == blank -%}

{{ section.settings.title | escape }}

{%- endunless -%} {%- unless section.settings.text == blank -%}

{{ section.settings.text }}

{%- endunless -%}

{%- if section.settings.image != blank -%}

{%- else -%} {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }} {%- endif -%} {%- unless section.settings.button_label == blank -%} {{ section.settings.button_label | escape }} {%- endunless -%}

[KetanKumar]

@RosalynnSkin

store url?

[RosalynnSkin]

@KetanKumar

https://rosalynnskin.com/