.promotion-image {
  height: 6.5rem;
  width: 32%;
}
.promotion-content {
  width: 63%;
}

.promotion-item {
  width: 100%;
}

.promotion-time svg {
  display: none;
}

@media screen and (max-width: 290px) {
  .promotion-reduction {
    font-size: 0.8rem;
  }
  .promotion-time {
    font-size: 0.6rem;
  }
  .promotion-time svg {
    display: none;
  }
  .promotion-title {
    font-size: 0.8rem;
  }
  .promotion-image {
    height: 5rem;
  }
}

@media screen and (min-width: 500px) {
  .promotion-image {
    height: 10rem;
    width: 30%;
  }
}

@media screen and (min-width: 640px) {
  .promotion-item {
    width: 95%;
  }
  .promotion-image {
    height: 11rem;
    width: 31.11%;
  }
}

@media screen and (min-width: 900px) {
  .promotion-image {
    height: 9rem;
  }
}

@media screen and (min-width: 1000px) {
  .promotion-image {
    height: 11rem;
    padding: 0.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .promotion-image {
    height: 14rem;
  }
}