<!-- Import the model-viewer library -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

<!-- Add the model-viewer element -->
<model-viewer id="my-model" src="https://www.jerquartz.com/s/LAST-SHOP-ON-EARTH-3D-LOGO-Animated-_-Z-axis-spin.glb" alt="3D Model" auto-rotate camera-controls style="width: 100%; height: 500px;">
</model-viewer>

<!-- Add custom CSS for hover effect -->
<style>
  #my-model:hover {
    animation: spin 2s infinite linear;
  }

  @keyframes spin {
    from {
      transform: rotateY(0deg);
    }
    to {
      transform: rotateY(360deg);
    }
  }
</style>