/* Стили для контейнера с видео */
.bgvideo {
  position: relative;
  width: calc(100% + 1rem); /* Уменьшаем ширину на 1rem (отступы по бокам) */
  margin: 0 auto; /* Центрируем видео */
  overflow: hidden; /* Скрываем всё, что выходит за пределы контейнера */
  padding-top: 56.25%; /* Соотношение сторон 16:9 (9 / 16 = 0.5625) */
  transform: translateX(-0.5rem);
}
  
  /* Стили для видео */
  .bgvideo video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Видео занимает всю ширину контейнера */
    height: 100%; /* Видео занимает всю высоту контейнера */
    object-fit: cover; /* Видео заполняет контейнер, сохраняя пропорции */
  }
  
  /* Эффект для видео (если нужен) */
  .bgvideo .effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Полупрозрачный черный слой */
  }
  
  /* Стили для текста поверх видео */
  .bgvideo .video-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    z-index: 1; /* Текст поверх видео */
  }