Gallery
=======

Apple Vision Pro CT Scan Comparisons
------------------------------------

.. raw:: html

   <section class="openvcad-gallery" aria-label="Apple Vision Pro CT scan comparison gallery">
     <figure class="openvcad-comparison" data-openvcad-comparison style="--openvcad-comparison-position: 50%; --openvcad-comparison-aspect-ratio: 5425 / 3256;">
       <figcaption>Front View</figcaption>
       <div class="openvcad-comparison-frame">
         <img
           class="openvcad-comparison-image openvcad-comparison-image-after"
           src="_static/gallery/vision_pro_ct_print.webp"
           alt="3D printed CT scan of the front of an Apple Vision Pro"
           width="5425"
           height="3256"
           decoding="async"
           data-no-lightbox
           draggable="false">
         <img
           class="openvcad-comparison-image openvcad-comparison-image-before"
           src="_static/gallery/vision_pro_real.webp"
           alt="Real front of an Apple Vision Pro"
           width="5425"
           height="3256"
           decoding="async"
           data-no-lightbox
           draggable="false">
         <span class="openvcad-comparison-label openvcad-comparison-label-before">Real</span>
         <span class="openvcad-comparison-label openvcad-comparison-label-after">3D Printed CT Scan</span>
         <input
           class="openvcad-comparison-control"
           type="range"
           min="0"
           max="100"
           value="50"
           autocomplete="off"
           aria-label="Compare real and 3D printed CT scan front view images">
         <span class="openvcad-comparison-divider" aria-hidden="true">
           <span class="openvcad-comparison-handle"></span>
         </span>
       </div>
     </figure>

     <figure class="openvcad-comparison" data-openvcad-comparison style="--openvcad-comparison-position: 50%; --openvcad-comparison-aspect-ratio: 5174 / 3107;">
       <figcaption>Back View</figcaption>
       <div class="openvcad-comparison-frame">
         <img
           class="openvcad-comparison-image openvcad-comparison-image-after"
           src="_static/gallery/vision_pro_back_ct_print.webp"
           alt="3D printed CT scan of the back of an Apple Vision Pro"
           width="5174"
           height="3107"
           decoding="async"
           data-no-lightbox
           draggable="false">
         <img
           class="openvcad-comparison-image openvcad-comparison-image-before"
           src="_static/gallery/vision_pro_back_real.webp"
           alt="Real back of an Apple Vision Pro"
           width="5174"
           height="3107"
           decoding="async"
           data-no-lightbox
           draggable="false">
         <span class="openvcad-comparison-label openvcad-comparison-label-before">Real</span>
         <span class="openvcad-comparison-label openvcad-comparison-label-after">3D Printed CT Scan</span>
         <input
           class="openvcad-comparison-control"
           type="range"
           min="0"
           max="100"
           value="50"
           autocomplete="off"
           aria-label="Compare real and 3D printed CT scan back view images">
         <span class="openvcad-comparison-divider" aria-hidden="true">
           <span class="openvcad-comparison-handle"></span>
         </span>
       </div>
     </figure>
   </section>

CT-Printed Feet Comparison
--------------------------

.. raw:: html

   <section class="openvcad-gallery" aria-label="CT-printed feet comparison gallery">
     <figure class="openvcad-comparison" data-openvcad-comparison style="--openvcad-comparison-position: 50%; --openvcad-comparison-aspect-ratio: 2260 / 2499; --openvcad-comparison-max-width: 720px;">
       <figcaption>Mechanical Properties vs. Visual Print</figcaption>
       <div class="openvcad-comparison-frame">
         <img
           class="openvcad-comparison-image openvcad-comparison-image-after"
           src="_static/gallery/feet_visual.webp"
           alt="CT-scanned feet printed visually"
           width="2260"
           height="2499"
           decoding="async"
           data-no-lightbox
           draggable="false">
         <img
           class="openvcad-comparison-image openvcad-comparison-image-before"
           src="_static/gallery/feet_mechanical.webp"
           alt="CT-scanned feet printed by mechanical properties"
           width="2260"
           height="2499"
           decoding="async"
           data-no-lightbox
           draggable="false">
         <span class="openvcad-comparison-label openvcad-comparison-label-before">Mechanical Properties</span>
         <span class="openvcad-comparison-label openvcad-comparison-label-after">Visual</span>
         <input
           class="openvcad-comparison-control"
           type="range"
           min="0"
           max="100"
           value="50"
           autocomplete="off"
           aria-label="Compare mechanical properties and visual CT-printed feet images">
         <span class="openvcad-comparison-divider" aria-hidden="true">
           <span class="openvcad-comparison-handle"></span>
         </span>
       </div>
     </figure>
   </section>