/* layouts/section/card-modal/card-modal.css */
.card-modal {
  display: flex;
  gap: 2rem;
  width: 100%;
  align-items: flex-start;
  /* border: 2px solid gray; */
}

.card-modal__left, 
.card-modal__right {
  flex: 1;
}

/* Ratios */
.ratio-40-60 .card-modal__left { flex: 0 0 40%; }
.ratio-40-60 .card-modal__right { flex: 0 0 60%; }

.ratio-60-40 .card-modal__left { flex: 0 0 60%; }
.ratio-60-40 .card-modal__right { flex: 0 0 40%; }

.ratio-30-70 .card-modal__left { flex: 0 0 30%; }
.ratio-30-70 .card-modal__right { flex: 0 0 70%; }

.ratio-70-30 .card-modal__left { flex: 0 0 70%; }
.ratio-70-30 .card-modal__right { flex: 0 0 30%; }