.ql-image-text-column {
  display: flex;
  flex-direction: column-reverse;
}

.ql-image-text-column.bg-dark .content-column h1,
.ql-image-text-column.bg-dark .content-column h2,
.ql-image-text-column.bg-dark .content-column h3,
.ql-image-text-column.bg-dark .content-column h4,
.ql-image-text-column.bg-dark .content-column h5,
.ql-image-text-column.bg-dark .content-column h6,
.ql-image-text-column.bg-dark .content-column span,
.ql-image-text-column.bg-dark .content-column p,
.ql-image-text-column.bg-dark .content-column li,
.ql-image-text-column.bg-dark .content-column .ql-button-link {
  color: #fff;
}

.ql-image-text-column .column {
  position: relative;
}

.ql-image-text-column .content-column {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ql-image-text-column .column-content-inner {
  margin-left: 40px;
  margin-right: 40px;
}

.ql-image-text-column .image-column {
  aspect-ratio: 1.5/1;
}

.ql-image-text-column .image-column img {
  overflow: hidden;
  border-radius: 15px;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.ql-image-text-column.ql-mirror-image .image-column img {
  transform: scale(-1, 1);
}

/* Backdrop */
.ql-image-text-column.ql-image-backdrop-primary .image-column img {
  border: 2px solid #2f4b68;
  box-shadow: 10px 10px 0px 0px rgba(47, 75, 104, 1);
  margin-bottom: 10px;
}
.ql-image-text-column.ql-mirror-image.ql-image-backdrop-primary
  .image-column
  img {
  box-shadow: -10px 10px 0px 0px rgba(47, 75, 104, 1);
}
.ql-image-text-column.ql-image-backdrop-secondary .image-column img {
  border: 2px solid #ec9655;
  box-shadow: 10px 10px 0px 0px rgba(236, 150, 85, 1);
  margin-bottom: 10px;
}
.ql-image-text-column.ql-mirror-image.ql-image-backdrop-secondary
  .image-column
  img {
  box-shadow: -10px 10px 0px 0px rgba(236, 150, 85, 1);
}
.ql-image-text-column.ql-image-backdrop-blue .image-column img {
  border: 2px solid #118fb2;
  box-shadow: 10px 10px 0px 0px rgba(17, 143, 178, 1);
  margin-bottom: 10px;
}
.ql-image-text-column.ql-mirror-image.ql-image-backdrop-blue .image-column img {
  box-shadow: -10px 10px 0px 0px rgba(17, 143, 178, 1);
}

.ql-image-text-column
  .content-column
  .ql-button.button-display-inline:not(:first-of-type) {
  margin-left: 8px;
}

@media only screen and (min-width: 960px) {
  .ql-image-text-column {
    flex-direction: initial;
  }

  .ql-image-text-column .column {
    flex-basis: 50%;
  }

  .ql-image-text-column .content-column {
    padding: 100px 0;
    flex-basis: 50%;
  }
  .ql-image-text-column .image-column {
    aspect-ratio: 1.25/1;
  }

  /* Align Left */
  .ql-image-text-column.ql-align-left {
    margin-left: calc(-100vw / 2 + 100% / 2);
  }
  .ql-image-text-column.ql-align-left .image-column img {
    border-radius: 0 25px 25px 0;
  }
  /* Align Right */
  .ql-image-text-column.ql-align-right {
    margin-right: calc(-100vw / 2 + 100% / 2);
  }
  .ql-image-text-column.ql-align-right .image-column img {
    border-radius: 25px 0 0 25px;
  }

  /* Reverse columns */
  .ql-image-text-column.reverse-columns {
    flex-direction: row-reverse;
  }
}

@media only screen and (max-width: 480px) {
  .ql-image-text-column .content-column {
    padding: 40px 0;
  }

  .ql-image-text-column .column-content-inner {
    margin-left: 0;
    margin-right: 0;
  }

  .ql-image-text-column
    .content-column
    .ql-button.button-display-inline:not(:first-of-type) {
    margin-left: 0;
  }
}