I'm still having trouble with the JUX Before After effect and would really appreciate your help.
My site is running Joomla 5.2.4 Stable and PHP 8.2.27.
This week, I've realized I have two issues, but the main one is with the size of vertical images:
Vertical Image Size: Vertical images are displayed too large.
I've tried uploading smaller images, but the problem persists.
At 100% size, they are much larger than their original dimensions.
Even if I scale them down, their display size is still larger than their scaled dimensions.
I believe this is the core issue, as it's what led me to try scaling the images in the first place.
Mobile Alignment: To keep the effect centered on mobile (as you suggested), the image needs to be at 100%.
However, scaling it down on desktop (because of the vertical image size issue) causes misalignment on mobile.
I've tried your CSS code and other fixes to scale on desktop while keeping it at 100% and centered on mobile, but nothing has worked.
Could you please help me primarily with:
- Displaying vertical images at their intended size.
And then secondarily:
- Keeping the effect centered on mobile when the image is scaled on desktop (if scaling is still needed after the first issue is resolved).
Mobile Alignment Issue Persists + Vertical Image Size
