Stack content in tablet view like it is on mobile, 7.0 Index page

Site URL: https://www.thehost.co/home

I'd like this page to be stacked on tablet view like it is in mobile. I tried playing with mobile break point but it doesn't seem to change anything other than the navigation. This is page is an index and uses 7.0.

Thank you!

Add to Page Header

<style>
  @media screen and (max-width:1024px) and (min-width:768px) {
  figure {
    flex-direction: column;
}
figure>* {
    width: 100% !important;
}
section.Index-page .col {
    width: 100% !important;
}
  }
</style>