.frame-type-cloonar_textimage { margin: 2rem 0; } /* Mobile-first: column layout by default */ .textimage-container { display: flex; flex-direction: column; gap: 2rem; } .textimage-wrapper { width: 100%; } .textimage-header { font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; } .textimage-text { font-size: 1rem; line-height: 1.5; } .textimage-image-wrapper { width: 100%; display: flex; align-items: center; justify-content: center; } .textimage-image { max-width: 100%; height: auto; border-radius: 0.5rem; } /* Image positions: 25 = left, 26 = right On larger screens, adjust the layout */ @media (min-width: 768px) { .textimage-container.image-pos-25 { flex-direction: row; } .textimage-container.image-pos-26 { flex-direction: row-reverse; } .textimage-wrapper, .textimage-image-wrapper { flex: 1 1 50%; } }