Insert image block within text block on mobile?

Site URL: https://debrarbryson.com/about

Hi Everyone, 

Do you know if it is possible to move the image block right under "I'm Debra, it's nice to meet you." on mobile only? I attached a screenshot below. I'm afraid it looks a little silly when the picture is at the very end of the text block like this. 

The text "I'm Debra, it's nice to meet you." is in the same content block as all the text below it, so I'm not sure if I need to create a separate block for the "I'm Debra, it's nice to meet you." so code can be written to scoot the image block between that and the text below it. 

Please let me know if I need to do anything or how I can help better explain! I appreciate all help in advance.  

P.S. I currently have code in there that makes the image appear after the text block, so if that gets in the way, please let me know. 

5 hours ago, senecabryson said:

Site URL: https://debrarbryson.com/about

Hi Everyone, 

Do you know if it is possible to move the image block right under "I'm Debra, it's nice to meet you." on mobile only? I attached a screenshot below. I'm afraid it looks a little silly when the picture is at the very end of the text block like this. 

The text "I'm Debra, it's nice to meet you." is in the same content block as all the text below it, so I'm not sure if I need to create a separate block for the "I'm Debra, it's nice to meet you." so code can be written to scoot the image block between that and the text below it. 

Please let me know if I need to do anything or how I can help better explain! I appreciate all help in advance.  

P.S. I currently have code in there that makes the image appear after the text block, so if that gets in the way, please let me know. 

5 hours ago, senecabryson said:

Site URL: https://debrarbryson.com/about

Hi Everyone, 

Do you know if it is possible to move the image block right under "I'm Debra, it's nice to meet you." on mobile only? I attached a screenshot below. I'm afraid it looks a little silly when the picture is at the very end of the text block like this. 

The text "I'm Debra, it's nice to meet you." is in the same content block as all the text below it, so I'm not sure if I need to create a separate block for the "I'm Debra, it's nice to meet you." so code can be written to scoot the image block between that and the text below it. 

Please let me know if I need to do anything or how I can help better explain! I appreciate all help in advance.  

P.S. I currently have code in there that makes the image appear after the text block, so if that gets in the way, please let me know. 

this is pure css solution

section[data-section-id="609020ffbf2cef6e6bb8a811"] .span-5 {
  order: 2;
}

Thank you so much!

Hi Again,

I needed to swap out the photo I used in the example above for a new one, but something happened. Now there is a big blank space where the image used to be. I can't figure out which line of my code is doing this. Can someone help?

URL: https://debrarbryson.com/about-me

PW: debrarbryson

Also, this is the hyperlink to the image I am trying to put in the blank space (uploaded in my custom files): https://static1.squarespace.com/static/5fda74d2609d110fc83247da/t/614ce1523db75c5b7813f553/1632428370991/debra-r-bryson-austin-therapist-portrait-about-me.jpg 

On 9/24/2021 at 3:41 AM, senecabryson said:

Hi Again,

I needed to swap out the photo I used in the example above for a new one, but something happened. Now there is a big blank space where the image used to be. I can't figure out which line of my code is doing this. Can someone help?

URL: https://debrarbryson.com/about-me

PW: debrarbryson

Also, this is the hyperlink to the image I am trying to put in the blank space (uploaded in my custom files): https://static1.squarespace.com/static/5fda74d2609d110fc83247da/t/614ce1523db75c5b7813f553/1632428370991/debra-r-bryson-austin-therapist-portrait-about-me.jpg 

Please check image on your code. The image doesn't exist

@media screen and (max-width: 767px) {
    div#block-yui_3_17_2_1_1620058309565_6010 {
        display:none
    }

    div#block-3dcfea9802ded2450c8e h3:after {
        content: "";
        display: block;
        background-image: url(https://images.squarespace-cdn.com/content/v1/5fda74d2609d110fc83247da/1623687315901-PVLLZJ0A1OR40H5UVZ71/Debra+R.+Bryson.JPG?format=750w);
        background-size: cover;
        width: 100%;
        height: 500px;
        margin-top: 20px
    }
}

@tuanphan Perfect!! Thank you so much.