.kfm__content{
  position: relative;
  height: calc(100% - 34px);
  background: #0b0f15;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.kfm__content img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #000;
}
.kfm__content video{width:100%;height:100%;object-fit:contain;display:block;background:#000}


/* Overlay + play button for kterm viewers */
.kfm__content{ position: relative; }
.kfm__content .overlay{
  position:absolute; inset:0;
  background:rgba(0,0,0,0.55);
  display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transition:opacity .15s ease;
}
.kfm__content .overlay.visible{ opacity:1; pointer-events:auto; }
.kfm__content .overlay .play-btn{
  width:86px; height:86px; border-radius:9999px;
  background:url('../play.png') no-repeat center center / 56% 56%;
  box-shadow:0 8px 24px rgba(0,0,0,.45);
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));
}
/* Ensure media fits */
.kfm__content video, .kfm__content img{
  width:100%; height:100%; object-fit:contain; display:block; background:#000;
}