.banner {
  padding: 24px;
  display: grid;
  /* grid-template-rows: 1fr 1fr; */
  grid-template-rows: auto;
  gap: 16px;
  border-radius: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: bottom center;
}
.banner_orange50 {
  background-color: var(--orange50);
}

.banner__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 576px) { 
  .banner {
    padding: 48px;
  }
}

@media (min-width: 1200px) { 
  .banner {
    /* grid-template-columns: 1fr 1fr; */
    gap: 32px;
    background-position: bottom right;
  }
}