Slider layout, how to layout it?

Question

JavaScript

Good day!
There is the following screen:

I have 2 questions about this:
1. How to smartly lay out this die under the switch arrow? The arrow itself will have position: absolute, but how then to center the plate? And how to make it?
2. In the slider, 2 extreme elements have transparency, how can I make it so that when switching the slider, these 2 extreme elements always have transparency?
I plan to make a slider through Slick Slider.
I would be grateful for any help on the matter.

Answer 1

Centering:

position: absolute;
  top: 50%;
  transform: translateY(-50%);

Make: border-radius: 50% and translucent gray background, corner - svg