.roadmap {
  width: 100%;
  flex: 1;
  background-color: #ffc634;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 100px;

  flex-direction: column;

  padding: 80px;
}

.roadmap .mobile {
  display: none;
}

@media (orientation: portrait) {
  .roadmap {
    gap: 60px;
    padding: 80px 16px;
  }

  .roadmap .desktop {
    display: none;
  }

  .roadmap .mobile {
    display: block;
  }
}

.roadmap .text-wrapper {
  -webkit-text-stroke: 4px #000000;
  font-family: "Bangers", Helvetica;
  font-weight: 400;
  color: #ed3a23;
  font-size: 90px;
  letter-spacing: 1.8px;
  line-height: 85.5px;
}

.roadmap .image {
  width: 100%;
  height: auto;
}