Left to Right Auto Slider

<style>
  .slider-container7 {
    width: 100%;
    overflow: hidden;
    /* background: #083c5d; */
    /* background color like your example */
    /* padding: 20px 0; */
  }

  .slider-track7 {
    display: flex;
    width: calc(300px * 14);
    /* adjust based on number of slides */
    animation: scrollRight 115s linear infinite;
  }

  .slide7 {
    flex: 0 0 auto;
    width: 280px;
    /* card width */
    margin: 0 10px;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  }

  .slide7 img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Animation: left to right */
  @keyframes scrollRight {
    0% {
      transform: translateX(-50%);
    }

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

  /* Responsive */
  @media (max-width: 768px) {
    .slide7 {
      width: 220px;
    }
  }

  @media (max-width: 480px) {
    .slide7 {
      width: 160px;
    }
  }
</style>

<div class="slider-container7">
  <div class="slider-track7">
    <!-- Repeat your slides -->
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_26_-_Example_5b5dc659-c041-430c-9a74-1d445b0efcaa.webp?v=1755856847"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_85_-_Example_0d52f4af-c6f0-4092-977c-3c037cce0f62.webp?v=1755856847"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_5_-_Example__2_cf57dead-a92b-41d6-88ec-2749f7558d6e.webp?v=1755856848"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_83_-_Example_6080c938-b9c1-4970-935a-64756f60612e.webp?v=1755856847"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_27_-_Example__1_5c4a6859-2a7f-49ae-aa33-8753f1492619.webp?v=1755856847"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_78_-_Example_84a4bc9c-bb78-4060-85aa-39be7b756cb5.webp?v=1755856847"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_56_-_Example_408aa15e-8f63-44d8-9e8f-13c5616a9a04.webp?v=1755856847"
        alt=""></div>

    <!-- Duplicate slides for seamless loop -->
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_26_-_Example_5b5dc659-c041-430c-9a74-1d445b0efcaa.webp?v=1755856847"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_85_-_Example_0d52f4af-c6f0-4092-977c-3c037cce0f62.webp?v=1755856847"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_5_-_Example__2_cf57dead-a92b-41d6-88ec-2749f7558d6e.webp?v=1755856848"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_83_-_Example_6080c938-b9c1-4970-935a-64756f60612e.webp?v=1755856847"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_27_-_Example__1_5c4a6859-2a7f-49ae-aa33-8753f1492619.webp?v=1755856847"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_78_-_Example_84a4bc9c-bb78-4060-85aa-39be7b756cb5.webp?v=1755856847"
        alt=""></div>
    <div class="slide7"><img
        src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/Concept_56_-_Example_408aa15e-8f63-44d8-9e8f-13c5616a9a04.webp?v=1755856847"
        alt=""></div>
  </div>
</div>