/* Стилизация элементов страницы */


    /* Контейнер с изображениями, который будет вращаться */
    .carousel-3d figure {
      width: 100%;
      height: 100%;
      margin: 0;
      position: relative;
      transform-style: preserve-3d; /* Сохраняем 3D трансформации дочерних элементов */
      transition: transform 1s ease; /* Плавный переход при вращении */
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* Каждое изображение в галерее */
    .carousel-3d figure img {
      position: absolute;
      width: 320px; /* Фиксированная ширина */
      height: auto;
      top: 50%;
      left: 50%;
      transform-origin: center center;
      border: 2px solid #fff;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
      border-radius: 8px;
      user-select: none;
      pointer-events: none;
      transition: transform 1s ease;
      filter: brightness(1); /* Яркость одинаковая для всех */
      transform-style: preserve-3d;
      /* Центрирование изображения по центру */
      transform: translate(-50%, -50%);
      
    }
    

    /* --- Текстовые блоки --- */
    .text-block {
      max-width: 900px;
      margin: 15px auto 40px;
      border: 7px solid #973F2B;
      box-shadow: 0 4px 12px rgba(72, 23, 22, 0.6);
      border-radius: 6px;
      padding: 30px 25px;
      background-color: #eddfdb;
      color: #000;
      box-sizing: border-box;
    }

    .text-block h3 {
      margin-top: 0;
      text-align: center;
      color: #973F2B;
    }

    h4 {
      text-align: center;
      margin-top: 50px;
      color: #eae2e2;
      background-color: #33416E;
      padding: 20px;
    }

    /* --- Адаптив для маленьких экранов --- */
    @media (max-width: 500px) {
      .carousel-3d figure img {
        width: 180px;
      }
      .carousel-3d {
        height: 220px;
      }
    }