@media screen and (max-width: 991px) {
  .event-header_item.rotate {
    perspective: 1200px;
  }

  .event-header_item-wrapper {
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.5s ease;
  }

  .event-header_item.rotate.is-flipped .event-header_item-wrapper {
    transform: rotateY(180deg);
  }

  .event-header_item-link.front,
  .event-header_item-back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  .event-header_item-link.front {
    transform: rotateY(0deg);
  }

  .event-header_item-back {
    transform: rotateY(180deg);
  }
}