<div class="ustbar"
data-flickity='{ "prevNextButtons": false, "pageDots": false, "freeScroll": true, "wrapAround": true, "autoPlay": true}'>

<div class="ustbar-cell">
<img class="ustbar-image"
src="Çalışmalar/0.jpg" /></div>

.ustbar {
background: black;
}

.ustbar-cell {
width: 10%;
height: 100px;
margin-right:10px; /* Resimler Arası Boşluk */
background: #8C8;
border-radius: 5px;
counter-increment: gallery-cell;
object-fit: cover;
}

.ustbar-cell:hover {
transform: scale(1.1);
}

.ustbar-image {
width: 100%;
height: 100px;
margin-right: 0px;
object-fit: cover;
transition: all 0.5s;
}