[data-component-id="avchildcare:two_column_block"] {
  display: flex;
  flex-direction: column;
  &.mcd--normal         { flex-direction: column; }
  &.mcd--column-reverse { flex-direction: column-reverse; }
  gap: 40px;
  background: var(--bg-color, var(--background-primary));
  overflow: hidden;
  &.va--top    { align-items: flex-start; }
  &.va--center { align-items: center; }
  &.va--bottom { align-items: flex-end; }
  width: 100%;

  & .left-col,
  & .right-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }

  @media (min-width: 768px) {
    gap: 80px;
    display: grid;
    &.porpotion-20-80 { grid-template-columns: minmax(0, 2fr) minmax(0, 8fr); }
    &.porpotion-30-70 { grid-template-columns: minmax(0, 3fr) minmax(0, 7fr); }
    &.porpotion-40-60 { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); }
    &.porpotion-50-50 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  }

}

[data-component-id="avchildcare:two_column_block"]:has(.bubble-image--left) {
  flex-direction: column-reverse;
}