.thumbnail {
  border: none;
  padding: 16px;
  cursor: pointer;
  transition: 300ms all ease-in;
  border-radius: 4px;
}

.thumbnail a {
  text-decoration: none;
}

.thumbnail:hover {
  -webkit-box-shadow: 0px 0px 36px -14px rgba(204, 204, 204, 1);
  -moz-box-shadow: 0px 0px 36px -14px rgba(204, 204, 204, 1);
  box-shadow: 0px 0px 36px -14px rgba(204, 204, 204, 1);
  transition: 300ms all ease-out;
}

.thumb-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.thumb-image img {
  margin-right: auto;
  margin-left: auto;
  height: 180px;
  object-fit: cover;
  width: 100%;
}

.play-icon {
  position: absolute !important;
  width: 48px !important;
  height: 48px !important;
  transition: 300ms all ease-out;
  filter: drop-shadow(0 0 0.75rem black);
  opacity: 0;
}

.thumbnail:hover .play-icon {
  transition: 300ms all ease-out;
  opacity: 1;
}

.caption p {
  font-family: 'Merriweather', serif !important;
}

.caption {
  padding: 0px !important;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-height: 16px; /* fallback */
  max-height: 32px; /* fallback */
}