.slimsliderCSS {
      width: 400px;
      height: 400px;
      overflow: hidden;
      margin: auto;
      position: relative;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }

    .slimslidesCSS {
      display: flex;
      width: 100%;
      animation: slimslideCSS 16s ease-in-out infinite;
    }

    .slimslidesCSS img {
      width: 400px;
      height: 400px;
      object-fit: cover;
      flex-shrink: 0;
    }

    @keyframes slimslideCSS {
      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%); }
    }

    .slimsliderCSS:hover .slimslidesCSS {
      animation-play-state: paused;
    }