.section-1 .grid {
  display: grid;
  gap: 2rem 1rem;
}

.section-1 .item-number {
  width: 36px;
  height: 36px;
  background: var(--primary-fade);
  border-radius: 8px;

  font-size: 24px;
  text-align: center;
  color: var(--primary);
  font-weight: 900;
}
.section-1 .grid h2 {
  font-size: 24px;
}

.section-1 .item-number span {
  line-height: 36px;
}

.section-1 .item-img.-first {
  grid-area: 1 / 1 / 1 / 1;
}

.section-1 .item-img.-second {
  display: none;
}

.section-2 .grid {
  display: grid;
  grid-template-rows: 80px;
  grid-template-columns: repeat(
    auto-fit,
    minmax(80px, calc((100% / 7) - 1rem))
  );
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.section-2 .grid img {
  max-height: 80px;
}

@media screen and (min-width: 640px) {
  #InitialView .initialView_img img {
    max-width: 640px;
    top: -6rem;
  }

  .section-1 .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .section-1 .item-img {
    position: relative;
    grid-column: span 2;
  }

  .section-1 .item-img.-first {
    grid-area: 2 / 2 / 3 / 5;
  }

  .section-1 .item-img img {
    width: auto;
    position: absolute;
  }

  .section-1 .item-img.-first img {
    bottom: -80px;
    left: 40px;
    width: 80%;
  }
}