Sitemi yenilediğimde resimler kayıp tekrar düzeliyor

Her yenilediğimde ilk resim gibi olup sonradan 2.hale geliyor sebebi nedir?

<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;
}

Kod yapısı tarayıcınızla bir uyumsuzluk gösteriyor olabilir ya da önbellekleme (cache) vs. kullanıyorsanız ondan olabilir.

Css 2 ayrı yerden geliyor olabilir kontrol edin responsive ayarlanırken bazen bu sorun oluyor...

https://flickity.metafizzy.co/ kullandım css ve js ekledim

ama alttaki slider da bu sorunu yaşamadım yukarda niye böyle oldu anlamadım küçülttüm diyemi bozuluyor acaba



sitenin js kodunu sildim şuan ilk resim ki gibi oldu js'siz yan yana dizmem lazım galiba ki çirkin görüntü ortadan gitsin



css den şüpheleniyorum position absoulte eklediğimdede bu şekli alıyor