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>

Hi!

This code works for me! Although I removed asterisks from code because it affected also on the parallax image on the top creating huge black space.

Is that code possible to target to the special banner on index page?

Thank you!

27 minutes ago, Sanni said:

Hi!

This code works for me! Although I removed asterisks from code because it affected also on the parallax image on the top creating huge black space.

Is that code possible to target to the special banner on index page?

Thank you!

Which banner & Which page url?