@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }

  100% {
    background-position: 400px 0;
  }
}

.mediaContainer {
  position: relative;
  overflow: hidden;
  background-color: #eee;
  border-radius: 8px;
}

.skeleton {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      #eee 25%,
      #ddd 50%,
      #eee 75%);
  background-size: 400px 100%;
  animation: shimmer 1.5s infinite;
}

.mediaContainer img,
.mediaContainer video {
  display: none;
}