.field--name-field-videos {
  display: grid;
  gap: 1em;
  margin-top: 1em;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
}

.field--name-field-videos img {
  display: block;
}

.field--name-field-videos article {
  position: relative;
}

.video-carousel-play-button {
  z-index: 9;
  margin: 0;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.media--type-brightcove-video.media--view-mode-thumbnail .video-carousel-play-button .svg-path {
  fill: #4E4E50;
}

.media--type-brightcove-video.media--view-mode-thumbnail:hover .video-carousel-play-button .svg-path {
  fill: red;
}

@media(min-width: 720px){
  .field--name-field-videos {
    grid-template-columns: repeat(3,1fr);
  }
}