figure {
    position: relative;
}

  .img-play:hover {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .2);
    opacity: .7;
  }
  .img-play::before, .img-play::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
  }

  .img-play::after {
    margin: -8px 0 0 -6px;
    border-style: solid;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #fff;
  }
  .img-play img {
    width: 100%;
    object-fit: cover;
    vertical-align: baseline;
  }

  .play-btn-holder {
    position: absolute;
    top: 50%;
    left: 44%;
    background:#000;
    height:40px;
    width:40px;
    border-radius: 40px;
  }

  .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}



.modal-body {
position:relative;
padding:0px;
}
.close {
position:absolute;
right:-30px;
top:0;
z-index:999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
}

.grid-view .button-stats-down-row{
  position:absolute;
  bottom:10px;
  gap:15px;
  left:10px;
}

.list-view .button-stats-down-row{
  position:absolute;
  bottom:10px;
  gap:15px;
  left:175px;
}

.grid-view figure iframe{
  height:395px !important;
}