.img-square {
  max-width: 400px;
  max-height: 400px;
  object-fit: cover;
}

@media (0px <= width <= 400px) {
  .history__date {
    width: 120px;
    font-size: 27px;
  }
}

@media (400px <= width <= 768px) {
  .history__date {
    width: 150px;
    font-size: 35px;
  }
}

@media (768px < width <= 800px) {
  .history__date {
    width: 130px;
    font-size: 30px;
  }
}

@media (800px < width <= 1024px) {
  .history__date {
    width: 200px;
    font-size: 45px;
  }
}

@media (1024px < width <= 1280px) {
  .history__date {
    width: 300px;
    font-size: 70px;
  }
}

@media (1280px < width) {
  .history__date {
    width: 500px;
    font-size: 120px;
  }
}

.history__arrow {
  display: inline-block;
  width: 138.6px;
  height: 70px;
  clip-path: polygon(0 57.1%, 50% 0, 100% 57.1%, 78.9% 57.1%, 78.9% 100%, 21.1% 100%, 21.1% 57.1%);
}