Text beside image on mobile view

Site URL: https://clementine-indigo-9c9c.squarespace.com

Hi, 

I want to put text beside the image on mobile view but can't seem to solve it. Have been looking for solutions with CSS but nothing have worked so far. Any suggestions? 

This is how it looks now: 

I want it to look like this: 

Adress: https://clementine-indigo-9c9c.squarespace.com/

Pass: kringla 

18 minutes ago, Thobias said:

Site URL: https://clementine-indigo-9c9c.squarespace.com

Hi, 

I want to put text beside the image on mobile view but can't seem to solve it. Have been looking for solutions with CSS but nothing have worked so far. Any suggestions? 

This is how it looks now: 

I want it to look like this: 

 

Adress: https://clementine-indigo-9c9c.squarespace.com/

Pass: kringla 

try

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #block-yui_3_17_2_1_1617821805347_8516 ~ .row .sqs-block-image {
      width: 100%;
    }
}

@media only screen and (max-width: 768px){
    #block-yui_3_17_2_1_1617821805347_8516 ~ .row .col:first-child {
      width: 40% !important;
      float: left !important;
    }
}

3 hours ago, bangank36 said:

try

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #block-yui_3_17_2_1_1617821805347_8516 ~ .row .sqs-block-image {
      width: 100%;
    }
}

@media only screen and (max-width: 768px){
    #block-yui_3_17_2_1_1617821805347_8516 ~ .row .col:first-child {
      width: 40% !important;
      float: left !important;
    }
}

It worked! Thank you!