.slider {
  margin: 0 auto; /* Центрируем слайдер */
  width: 100%; /* Слайдер растягивается на всю ширину */
  max-width: 1000px; /* Максимальная ширина слайдера */
  padding: 30px;
  box-sizing: border-box;
}

h3 {
  margin: 10px; /* Отступы снаружи */
  padding: 0; /* Убираем padding, так как он добавляет лишние размеры */
  text-align: center; /* Центрирование содержимого */
  border-radius: 8px; /* Округление углов */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Тень для рамки */
  overflow: hidden; /* Обрезаем содержимое, если оно выходит за рамки */
  display: flex; /* Flexbox для выравнивания содержимого */
  justify-content: center; /* Горизонтальное центрирование */
  align-items: center; /* Вертикальное центрирование */
}

h3 img {
  width: 100%; /* Изображение занимает всю ширину контейнера */
  height: auto; /* Сохраняем пропорции изображения */
  object-fit: cover; /* Гарантируем, что изображение вписывается в рамки */
  display: block; /* Убираем лишние отступы inline-элементов */
  border-radius: 8px; /* Округляем углы изображения, если нужно */
}