How to get text next to image on mobile view and not under/above?

Site URL: http://mederi.group/contactus

Hello,

I would like these flowers to appear like this on mobile view, rather than above the text.

I have searched the forum and tried what others have done with no luck.

Any help is appreciated!

This will require some Custom CSS to achieve this layout. To do this, start by defining the point when you want the layout to switch for mobile devices. For the purpose of this, I'll be using the Squarespace default "640px".

#mederi9 {

@media only screen and (max-width:640px) {

.sqs-col-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-right: 0 !important;
}

.sqs-row {
  display: flex;
  flex-direction: row;
  width: 100% !important;
  flex-wrap: nowrap;
  align-items: unset;
  justify-content: center;
  margin: auto;
  padding: 0 !important;
}

.sqs-block-image {
  display: block;
  width: 100px !important;
}

.sqs-block {
  padding-right: 0 !important;
}
		}
	}

Hope that this helps,

Dan