Sağdan sola doğru çektiğimde ne kadar sola kaydırsam o kadar sağdan resim gelsin istiyorum buraya eklenen resimleri döngü halinde olacak. Trendyolun resmi sitesinde markaların olduğu kısım gibi düşünebilirsiniz. 1. Resim benim kodlarımın çıktısı, 2. resim trendyolun sitesi resmi siteyi ziyaret ederseniz daha net anlayabilirsiniz. Ücretsiz yardımcı olabilecek olursa sevinirim bu isteğimin benzerini de sitenin aşşağısında listelenen ürünleri kaydırmak için yapmam gerekecek.

    <div class="kategori">
        <div class="kategoriler">
            <div class="markalar">
                <img class="logomarka" src="https://www.sketchappsources.com/resources/source-image/windows-logo-alesiamjau.png" width="40px">
            </div>
            <div class="markalar">
                <img class="logomarka" src="https://i.ibb.co/zS0hBLd/Ba-l-ks-z-2.png">
            </div>
            <div class="markalar">
                <img class="logomarka" src="https://www.edigitalagency.com.au/wp-content/uploads/chatgpt-logo-white-green-background-png.png">
            </div>
            <div class="markalar">
                <img class="logomarka" src="https://www.sketchappsources.com/resources/source-image/windows-logo-alesiamjau.png" width="40px">
            </div>
            <div class="markalar">
                <img class="logomarka" src="https://i.ibb.co/zS0hBLd/Ba-l-ks-z-2.png">
            </div>
            <div class="markalar">
                <img class="logomarka" src="https://www.edigitalagency.com.au/wp-content/uploads/chatgpt-logo-white-green-background-png.png">
            </div>
            <div class="markalar">
                <img class="logomarka" src="https://www.sketchappsources.com/resources/source-image/windows-logo-alesiamjau.png" width="40px">
            </div>
            <div class="markalar">
                <img class="logomarka" src="https://i.ibb.co/zS0hBLd/Ba-l-ks-z-2.png">
            </div>
            <div class="markalar">
                <img class="logomarka" src="https://www.edigitalagency.com.au/wp-content/uploads/chatgpt-logo-white-green-background-png.png">
            </div>
            <div class="markalar">
                <img class="logomarka" src="https://www.sketchappsources.com/resources/source-image/windows-logo-alesiamjau.png" width="40px">
            </div>
            <div class="markalar">
                <img class="logomarka" src="https://i.ibb.co/zS0hBLd/Ba-l-ks-z-2.png">
            </div>
        </div>
    </div>

.kategori{
  position: relative;
  margin: auto;
  margin-left: 2%;
  margin-right: 2%;
}
.kategoriler{
  margin-top: 125px;
  width: 64%;
  padding-left: 18%;
  padding-right: 18%;
}

.markalar{
  float: left;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  margin-left: 10px;
  margin-right: 10px;
  box-shadow: 0px 0px 12px gray;
}
.logomarka{
  width: 85px;
  height: 85px;
  object-fit: cover;
  border-radius: 50%;
  }