.column-content {
  --gap: 50px;
  --row-gap: var(--gap);
  --image-spacing: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--gap);
  row-gap: var(--row-gap);
}
.column-content img {
  display: block;
}

.column-content__column {
  background-color: rgb(var(--background-color));
  border-radius: var(--border-radius, "0 0 0 0");
  color: rgb(var(--font-color));
  overflow: hidden;
  text-align: var(--content-alignment);
  width: calc(100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns));
}

.column-content__column-content {
  padding: var(--content-padding);
}

.column-content__element[data-type=title] {
  text-align: var(--title-alignment);
  font-family: var(--title-font-family);
  font-weight: var(--title-font-weight);
}
.column-content__element[data-type=content] {
  text-align: var(--content-alignment);
}
.column-content__element[data-type=link] {
  margin-top: 25px;
  text-align: var(--link-alignment);
}

@media (min-width: 992px) {
  .column-content {
    --gap: 55px;
    --image-spacing: 40px;
  }
}