Centering a target inside the carousel

[NoHop3]

Hello! Did not know how to reach more efficiently so I would write here. Hope you would help me out as a creator of this awesome carousel library.

In short - I am building a fullstack project, I am fetching some product data from my backend and presenting it in a responsive way. All good on a phone device - having only 1 item at a time.

However - this is what I end up with on a tablet or laptop

To further explain taking in consideration the last image I want the targetImage which is the one with opacity:1 to be at position 3 (in the center of the carousel)

I am helpless to order them accordingly. I am correctly moving the target accross my items like so:

Sliding is moving forward/backkwards and changing my name/price properties but I cannot make the target centered. I am clueless.

This is what I am using so far

EDIT: Posted a question on StackOverFlow

[maxmarinich]

Hi, @NoHop3! Please see base examples here. Use common css to customize your elements like in the example below: