.field--name-field-video .field--name-thumbnail {
  position: relative;
}
.field--name-field-video .field--name-thumbnail:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(119deg, #aeb8ce 0%, #223295 100%);
  opacity: 0.42;
}
.field--name-field-video .field--name-thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../../images/play.webp"), url("../../images/play.png");
  width: 151px;
  height: 151px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-position: center;
  cursor: pointer;
  background-repeat: no-repeat;
}
@media screen and (max-width: 575.98px) {
  .field--name-field-video .field--name-thumbnail:after {
    width: 50%;
    height: 50%;
  }
}
[class*=node--view-mode-rectangle].ds-1col .field--name-field-video .field--name-thumbnail:after, [class*="node--view-mode-liste.ds-1col"] .field--name-field-video .field--name-thumbnail:after, .view-les-plus-lus.view-display-id-block_1 .field--name-field-video .field--name-thumbnail:after {
  width: 50%;
  height: 50%;
}
.node--view-mode-carre.ds-1col .field--name-field-video .field--name-thumbnail:after, .node--view-mode-a-la-une.ds-1col .field--name-field-video .field--name-thumbnail:after {
  width: 50%;
  height: 97px;
}
.field--name-field-video .field--name-thumbnail img {
  width: 100%;
  display: block;
}
.field--name-field-video .field--name-field-media-oembed-video iframe {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}
.field--name-field-video .field--name-name {
  margin-top: 15px;
  color: var(--title-dark);
  font-size: 13px;
}