.customer-styles {
  /* START article: image */
  /* END article: image */
}

.customer-styles .template_image .content {
  grid-column: 1/7;
}

@media (min-width: 768px) {
  .customer-styles .template_image .content {
    grid-column: 3 / 15;
  }
}

.customer-styles .template_image .content .headline {
  text-align: center;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .customer-styles .template_image .content .headline {
    margin-bottom: 60px;
  }
}

.customer-styles .template_image .content .text {
  font-size: 16px;
  letter-spacing: 0.03em;
  margin-top: 20px;
}

.customer-styles .template_image .content .image-wrapper {
  display: flex;
  flex-direction: column;
}

.customer-styles .template_image .content .image-wrapper .image-container {
  aspect-ratio: 16 / 9;
  order: 1;
  width: 100%;
}

.customer-styles .template_image .content .image-wrapper .image-container .image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.customer-styles .template_image .content .text-container {
  order: 2;
}

.customer-styles .template_image .content .button-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  order: 3;
}

@media (min-width: 768px) {
  .customer-styles .template_image .content .button-container {
    -moz-column-gap: 20px;
         column-gap: 20px;
    flex-direction: row;
  }
}

.customer-styles .template_image .content .button-container:not(:first-child) {
  margin-top: 32px;
}