Break text into one column with 7.1 and FE

Hello!

I'm new to Fluid Engine, but it seems really good.

Link to the page I'm working with: https://www.hoyden.no/fallsikringskurs-fluid

I wonder if there is a good way to make the text on this section break into "one column" (appear above and below each other, rather than beside each other), on screen size smaller than 1300px?

I have earlier achieved this with the classic editor by adding the CSS code below.

This does not work after upgrading the section to FE, and I guess it is because FE does not use columns in the same way as the classic editor.

So, is there some other code or another way to achieve this, after upgrading to FE?

section[data-section-id="609a48d7e92ddb651e864899"],
{
  @media only screen and (max-width: 1300px) {
    .col {
    width: 100% !important;
}}}

I want the text in the circle to appear under the other text box, when screen size is below 1300px

'

Add to Design > Custom CSS

/* Fluid Engine Stacked */
 @media screen and (max-width:1300px) and (min-width:768px) {
  .fe-63b67c46f7439c97fdf1672e>div {
    grid-area: unset !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px;
}
.fe-63b67c46f7439c97fdf1672e {
    display: block !important;
    padding-left: 3vw;
    padding-right: 3vw;
}
  }