Why is my image out of place on mobile view in Debut theme?

[colsanderson]

Hi, 

On my Home page using Debut theme, I have a custom section with some text and an image. On desktop view the text and image are perfect, however in mobile view the text is in a column on the left and the image on the right. I'd like to change the mobile view only so that the image is below the text and the text fills the screen. 

Desktop: 

Mobile: 

Please help? 

Thanks

Colienne

[dmwwebartisan]

@colsanderson 

Please share your stroe url!

Thanks!

[colsanderson]

@dmwwebartisan 

https://foreverphotobooks.com/

pw: maogle

Thanks!

[dmwwebartisan · Accepted solution]

@colsanderson 

Please add following css your assets/theme.css bottom of the file.

@media only screen and (max-width: 749px){
.custom__item.small--one-half {
    -webkit-flex: 1 0 100% !important;
    -moz-flex: 1 0 100% !important;
    -ms-flex: 1 0 100% !important;
    flex: 1 0 100% !important;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
}

Thanks!

[colsanderson]

@dmwwebartisan thanks!