Image Block Text on Mobile

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

Looking for help with how to re-configure how my text stacks on my image (overlap layout) on mobile. I'm using custom fonts, but even with regular fonts it wouldn't stack correctly.

Example page: ashlynnwhalley.com/about (on mobile)

Ideally I'd like the text to move UNDER the image on mobile.

Thank you!

Add to About Page Settings > Advanced > Header

(If you use Personal Plan > Insert Code Block)

<style>
  @media screen and (max-width:640px) {
  }
.design-layout-overlap figcaption {
    margin-top: 50px;
}
  }
</style>

@tuanphan worked like a charm, thank you so so much.