#my-video {
  position:relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.video-responsive {
  position: relative;
  padding-bottom: 177%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.video-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain; /* or contain */
}
.error {
    background-color: red;
}
.notification-badge {
    position: relative;
    display: inline-block;
}

.badge-counter {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 0.75rem;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 5px;
    background: #dc3545;
    color: white;
}