Apple-like simple image slider: remove scaling and align arrows to active image CSS variables

[CySSoO]

Motivation

• Make the PrettyBlocks “Simple Image” slider render Apple-like visuals while staying fully compatible with the Everblock slider engine and its exposed CSS variables.
• Avoid any JS, wrappers, or layout resizing and rely only on the existing state classes (.is-active, .is-adjacent, .is-inactive).
• Prevent layout churn and CLS by keeping layout stable and applying visual hierarchy by opacity/blur only.

Description

• Remove scale transforms from .everblock-simple-image.slider-active .*.slide-inner and rely on opacity and filter: blur() to visually emphasize slides.
• Position slider arrows using Everblock CSS variables by setting top: var(--ever-slider-active-center-y) and computing left for previous/next with calc() based on var(--ever-slider-active-center-x) and var(--ever-slider-active-width), and ensure right: auto for the next arrow.
• Simplify transitions by removing transform transitions on .slide-inner and .slider-arrow, lower arrow z-index to 10, and keep overflow: visible for safe rendering.
• Change applied file: views/css/everblock.css (styling only, no JS changes and no new markup).

Testing

• No automated tests were executed in this rollout.
• A commit containing the CSS changes was created successfully.
• Manual visual verification is recommended in a PrestaShop frontend to confirm arrows align with the active image and visual hierarchy matches the Apple-like target.

---

Codex Task