.event-page {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
}

.event-image,
#event-info {
  width: 50%;
  display: flex;
  align-items: center;
}

.event-image img {
  margin: 10% auto;
  display: block;
  width: 80%;
  padding: 5px;
  border-left: 1pt dashed;
  filter: drop-shadow(1px 1px 20px gray);
}

#event-info ul {
  list-style-type: none;
  width: 95%;
  font-size: 1.3rem;
  left: 5%;
}

#event-description {
  flex-grow: 1;
  margin: 0 0 20% 20%;
}

#event-description p {
  width: 75%;
  font-size: 1.4rem;
}

#event-description h2 {
  padding: 10px;
}

#event-description img {
  width: 90%;
  object-fit: contain;
}

#event-description h2:before {
  content: '.................. /- ';
  display: inline;
}