.image-container-live {
  display: flex; /* Горизонтальное расположение элементов */
  flex-direction: row;
  gap: 10px; /* Промежуток между элементами */
  overflow-x: auto; /* Горизонтальная прокрутка при переполнении */
  padding: 10px;
  justify-content: flex-end;
  /* Скрытие полосы прокрутки для разных браузеров */
  -ms-overflow-style: none; /* IE и Edge */
  scrollbar-width: none; /* Firefox */
user-select: none;
flex-wrap: nowrap;
  /* Аппаратное ускорение */
  will-change: transform;
  transform: translateZ(0);
scroll-snap-type: x mandatory; 
margin-top: -35px;
  z-index: 2;
  position: relative;
}

.image-container-live::-webkit-scrollbar {
  display: none; /* Safari и Chrome */
clip-path: url(#rough-edges-right);
}

.outer-container-live {
  min-width: 205px; /* Минимальная ширина контейнера */
  flex: 0 0 auto; /* Предотвращаем изменение размера элементов */
scroll-snap-align: start;
clip-path: url(#rough-edges-top);
}
.inner-container-live {
clip-path: url(#rough-edges-right);
}


.inner-container-live img {
clip-path: url(#rough-edges);object-fit: cover;
  width: 100%; /* Изображение занимает всю ширину родительского контейнера */
  height: auto; /* Автоматическая высота для сохранения пропорций */
  display: block; /* Убираем возможные нижние отступы */
  border-radius: 0px; /* Отсутствие скруглений */
  max-width: 205px; /* Максимальная ширина изображения */

  /* Отключение реакции на клики пользователей */
  pointer-events: none;
  user-select: none; /* Предотвращает выделение изображения */
  cursor: grab;
}
@media (max-width: 768px) {
.image-container-live {
justify-content: space-between;
    padding-right: 10%;
padding-left: 10vh;
    margin-left: -15%;

}
  .box2 h2 {
    margin-top: -28%;

}
}