.loading .image,
.loading h2,
.loading p {
  background-color: #ededed !important;
  background: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, .5) 50%,
    rgba(255, 255, 255, 0) 60%
  ) #ededed;
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}

.loading .event-card-box {
    background: #f7f7f7;
    padding: 10px;
    border-radius: 0.25rem;
}

.loading .image {
    min-height: 200px;
    border-radius: 4px;
    animation-delay: .03s;
}

.loading h2 {
  min-height: 1.6rem;
  border-radius: 4px;
  animation-delay: .05s;
}

.loading p.event-desc {
  min-height: 3rem;
  border-radius: 4px;
  animation-delay: .06s;
  margin: 0;
}

.loading p.event-date {
  min-height: 1.6rem;
  border-radius: 4px;
  animation-delay: .06s;
  margin: 0;
}