Some photos appearing in bottom of section in mobile

Site URL: https://www.newworldangels.com/

The style I went with was the images alternating sides for each section. However, on mobile the left side is assigned to the top of the section and the right side is placed at the bottom. I'm worried this is an HTML problem and not a CSS problem. Anyone know of a work-around?

Also, is there a way to make the text go to a new line instead of hyphenate?

You will need to flip each section manually. This will do the first one on your home page.

This will also remove the hyphens sitewide.

@media screen and (max-width: 640px) {
  #page-5eff9a46cdfa560968edb6a3 .row.sqs-row:nth-child(2) {
    display: flex;
    flex-direction: column-reverse;
  }
}

* {
  hyphens:none !important;
  moz-hyphens: none !important;
}