/* wrapper box */
.image-text-block{
  position: relative;
  width: 100%;
}

/* bootstrap 5 gutters are controlled by --bs-gutter-x from controls */
.image-text-row{
  align-items: stretch;
}

/* image */
.image-block{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-block img{
  display: block;
  width: 100%;
  height: auto;          /* overridden by aspect-ratio/object-fit from controls */
  object-fit: cover;
  border-radius: 20px;   /* overridden by controls */
}

/* text */
.text-block{
  width: 100%;
  max-width: 100%;
  /*padding: 0 20px 0 0;*/
}
.text-block h2{
  margin: 0 0 15px 0;    /* overridden by controls */
  line-height: 1.3;
}
.text-block .description{
  line-height: 1.6;      /* overridden by controls */
}

/* responsive helpers */
@media (max-width: 768px){
  .text-block{ padding: 0; }
}

.text-block .description{
  text-justify: inter-word; /* fallback where supported */
  hyphens: auto;
}