Prettyblocks: center-focused image slider with scaled active slide and centered controls

[CySSoO]

Motivation

• Center the Prettyblock image slider, make it full-width and show three images with the middle image emphasized and surrounding images dimmed to match the desired UI.
• Position the navigation arrows around the focused (center) image and compute their offset dynamically to maintain consistent alignment when item width changes.

Description

• Added width: 100% to .ever-slider and scale/z-index for the focused slide by adding transform: scale(1.08) and z-index: 2 to .ever-slider-item.is-active in views/css/everblock.css.
• Repositioned slider arrows using a computed CSS expression that reads --ever-slider-active-width to center controls around the active image in views/css/everblock.css.
• Exposed the active slide width from JavaScript by setting the CSS variable --ever-slider-active-width to itemWidth * 1.08 inside updateState in views/js/everblock-slider.js so arrow placement stays accurate on resize and different breakpoints.
• Kept inactive/adjacent items visually dimmed by using existing opacity classes and ensured the slider remains full-width and responsive.

Testing

• No automated tests were executed for this change.

---

Codex Task