/* Обёртка, которая жёстко держит ширину колонки */
.ytPreviewWrap {
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
}

/* Сама кликабельная превьюшка */
.ytPreview {
  display: block !important;     /* перебиваем чужие a{display:inline} */
  position: relative;

  width: 100% !important;        /* перебиваем возможные width:auto/inline */
  aspect-ratio: 16 / 9;

  overflow: hidden;
  text-decoration: none;
}

/* Превью YouTube */
.ytPreview__img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;
  object-fit: cover;

  filter: contrast(70%);
  filter: brightness(0.35);  
  filter: blur(3px);  
}

/* Доп. затемнение */
.ytPreview__shade {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25);
  pointer-events: none;
}

/* PNG-накладка */
.ytPreview__overlay {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;
  object-fit: contain;

  pointer-events: none;
}

.ytPreview:hover .ytPreview__img {
  filter: brightness(0.72);
}