.zp-block { display: flex; flex-direction: column; gap: var(--space-4); width: 100%; position: relative; box-sizing: border-box; } .zp-block--mediaRight { flex-direction: row; align-items: flex-start; } .zp-block--mediaLeft { flex-direction: row-reverse; align-items: flex-start; } .zp-block--mediaFull { flex-direction: column; } .zp-block--textOnly .zp-block__media { display: none; } .zp-block__media { position: relative; flex-shrink: 0; flex-grow: 0; margin: 0; padding: 0; } .zp-block__media img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: var(--radius-md); border: 1px solid var(--zp-stroke); } .zp-block__content { flex: 1; min-width: 0; word-wrap: break-word; } .zp-block--mediaRight .zp-block__media, .zp-block--mediaLeft .zp-block__media { width: var(--block-media-width, 300px); flex-basis: var(--block-media-width, 300px); } @media (max-width: 768px) { .zp-block--mediaRight, .zp-block--mediaLeft { flex-direction: column !important; } .zp-block--mediaRight .zp-block__media, .zp-block--mediaLeft .zp-block__media { width: 100% !important; flex-basis: auto !important; max-width: 100% !important; } }