<div class="card border-0 overflow-hidden rounded" data-bs-theme="dark">
  <!-- card-img -->
  <div class="h-250px d-flex align-items-center">
    <img src="assets/img/gallery/widget-cover-1.jpg" alt="" class="card-img">
  </div>
  
  <!-- card-img-overlay -->
  <div class="card-img-overlay d-flex flex-column bg-black bg-opacity-60 rounded">
    <div class="flex-fill">
      <div class="d-flex align-items-center">
        <h6 class="m-0">Youtube</h6>
        <div class="dropdown ms-auto">
          <a href="#" class="text-white" data-bs-toggle="dropdown"><i class="fa fa-ellipsis-h"></i></a>
          <div class="dropdown-menu dropdown-menu-end" data-bs-theme="light">
            <a href="//www.youtube.com/watch?v=_AS5nu4u1ss" class="dropdown-item">View</a>
          </div>
        </div>
      </div>
    </div>
    <div>
      <a href="//www.youtube.com/watch?v=_AS5nu4u1ss" data-lity class="text-white text-decoration-none d-flex align-items-center">
        <div class="bg-theme bg-gradient w-50px h-50px rounded-3 d-flex align-items-center justify-content-center">
          <i class="fa fa-play fa-lg"></i>
        </div>
        <div class="ms-3 flex-1">
          <div class="fw-semibold">New Videos - Behind The Forest Tours</div>
          <div class="fs-13px text-white text-opacity-50">
            <i class="far fa-eye"></i> 892 views 
            <i class="far fa-clock ms-3"></i> 39min ago
          </div>
        </div>
      </a>
    </div>
  </div>
</div>