.event {
  position: absolute;
  z-index: var(--z-index-5);
  top: 20%;
  background: black;
  color: white;
  padding: 6px;
  /* height: 5vh;
  width: 5vw;
  object-fit: cover;
  background-image: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; */
  &.event-center {
    width: 40vw;
    left: 30%;
  }
  &.event-left {
    width: 30vw;
    left: 15%;
  }

  &.event-right {
    width: 30vw;
    right: 10%;
  }
  .event-date {
    text-align: center;
  }
  .headline2 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: white;
    background-color: black;
  };
  img {
     width: 100%;
    height: auto;
    display: block;
  }
}


.news-icon {
  left: 40%;
  top: 2%;
  width: 3vw;
  height: auto;
  z-index: 10;
  position: absolute;
  background-color: white;
  padding: 2px;
}