:root {
  --flow-card-h: 320px;
}
@media only screen and (min-width: 1296px) {
  :root {
    --flow-card-h: 390px;
  }
}
@media only screen and (min-width: 1620px) {
  :root {
    --flow-card-h: 460px;
  }
}

.car-flow-card {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: var(--flow-card-h);
  padding: var(--spacing-400);
  border-radius: var(--border-radius-600);
  overflow: hidden;
}
.car-flow-card.ct-link {
  text-align: initial;
  align-items: initial;
  justify-content: space-between;
}
.car-flow-card:hover .image-wrapper img {
  object-position: 65% center;
}
.car-flow-card_headline, .car-flow-card_benefit {
  z-index: 1;
}
.car-flow-card_headline {
  text-align: center;
  align-self: center;
  font-size: clamp(2.5rem, 4vw, var(--font-size-headline-3));
}
.car-flow-card_benefit {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-300);
  line-height: 110%;
  font-size: var(--text-size-body-small);
  font-weight: var(--font-weight-medium);
}
.car-flow-card_benefit.ct-div-block {
  flex-direction: row;
  align-items: center;
}
.car-flow-card_benefit-text {
  hyphens: auto;
}
.car-flow-card .image-wrapper {
  position: absolute;
  inset: 0;
}
.car-flow-card .image-wrapper img {
  object-fit: cover;
  object-position: 50% center;
  transition: object-position var(--transition-slow);
  width: 100%;
  height: 100%;
}