Почему происходит баг slick когда появляется первый элемент?

Question

[ForSureN1]

Добрый день, у меня имеется главная страница, на которой на весь экран происходит анимация появления всех элементов, на этом экране имеется 3 слайдера, которые взаимосвязаны друг с другом, но когда появляется анимация слайдера с картинками, первый элемент почему то обрезается на половину, но если пролистнуть вправо, то они выравниваются, но когда опять прокручиваешь до первого слайда, то его анимация появляется с задержкой, и он опять обрезается на половину. Надеюсь понятно описал проблему, прикладываю ссылку на гитхаб page, чтобы можно было пощупать проблему.
Заранее благодарю.
https://forsuren1.github.io/WGM/
P.S. перепробовал все возможные варианты с шириной слайдера, проблему не решило.

Answer 1

[iBird Rose]

кажись ломает это:

.main-slider__child-item.slick-slide.slick-current.slick-active {margin-right: 30px;}

как поправить и чем заменить хз. дебажить надо

Comments

[ForSureN1]

да не, тут не в этом дело, дело в том что он каким то магическим образом меняет ширину элементов внутри слайда, то есть на первом включенном слайде ширина 318 px , а на следующих ширина становится 360px

[ForSureN1]

Хотя да, вы правы , то что элементы обрезались я исправил это дав slick-track { display: flex, flex-direction: row, justify-content: space-between}, и убрал вообще margin-right, но теперь остался вот этот баг, что когда доходит до первого слайда, он увеличивается без transition, иными словами "прыгает"