.promo {
  align-items: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex: 1 0 480px;
  flex-direction: column;
  gap: var(--Spacing-x2);
  height: 480px;
  justify-content: center;
  padding: var(--Spacing-x4) var(--Spacing-x3);
}

@media (min-width: 768px) {
  .promo {
    border-radius: var(--Medium, 8px);
  }
}

.link .promo {
  background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.36) 37.88%,
      rgba(0, 0, 0, 0.75) 100%
    ),
    url("/_static/img/Scandic_Family_Breakfast.jpg");
}

.text {
  max-width: 400px;
}