.sliderWideCSS {
      width: 100%;
      max-width: 1200px;
      aspect-ratio: 16 / 4;
      overflow: hidden;
      margin: auto;
      position: relative;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }

    .slidesWideCSS {
      display: flex;
      width: 100%;
      height: 100%;
      animation: slideWideCSS 16s ease-in-out infinite;
    }

    .slidesWideCSS img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      flex-shrink: 0;
    }

    @keyframes slideWideCSS {
      0%    { transform: translateX(0%); }
      20%   { transform: translateX(0%); }

      25%   { transform: translateX(-100%); }
      45%   { transform: translateX(-100%); }

      50%   { transform: translateX(-200%); }
      70%   { transform: translateX(-200%); }

      75%   { transform: translateX(-300%); }
      95%   { transform: translateX(-300%); }

      100%  { transform: translateX(0%); }
    }

    .sliderWideCSS:hover .slidesWideCSS {
      animation-play-state: paused;
    }