Shopify Liquid Section: Klickbarer Bildwechsel mit Fade-Überblendung

I need a custom Liquid section for my Shopify theme (Stiletto) with the following functionality:
Requirements:
Based on the existing Image Hero section of the Stiletto theme
Two image fields in section settings: Main Image and Info Image for desktop
Optional: Separate mobile versions of both images (Main Image Mobile and Info Image Mobile)
On click/tap on the image: Toggle between main image and info image
Must work with both mouse clicks (desktop) and finger taps (mobile/touch devices)
Smooth fade transition with 0.5 second duration
Cursor shows pointer when info image is present
Must work flawlessly in both Shopify theme editor and live store
Preview in theme editor must correctly display the selected main image
User-Friendliness in Editor:
Clear labeling of fields: Main Images section (with Desktop Image and Mobile Image) and Info Images section (with Info Image Desktop and Info Image Mobile)
Help text for info image fields: "This image will be displayed when clicking on the main image"
All standard settings from Image Hero section must remain available (image height, text position, overlay, colors, etc.)
Technical Details:
Theme: Stiletto (official Shopify theme)
File format: .liquid section file
All standard features of Image Hero section must be preserved (text overlays, buttons, heading, subheading, accent, play button, etc.)
Compatible with theme's native image render snippets and CSS classes
JavaScript must support both touch events and click events
Section name: Hero Bildwechsel (or Image Hero Toggle)
Important:
Section must work stably without gray placeholders or empty areas
Main image must always be visible, info image fades in only on click/tap
Return to main image with another click/tap
Deliverables:
Complete .liquid file (sections/image-hero-bildwechsel.liquid)
Brief installation instructions (where to upload the file)
Confirmation that it was tested in Stiletto theme