<div class=”parallax-container” id=”card”> <img src=”your-image-url.jpg” class=”base-layer” alt=”Mumbai 3.0″> <div class=”overlay-text”>INVEST IN MUMBAI 3.0</div> </div> <style> /* The CSS that creates the 3D movement */ .parallax-container { width: 800px; transition: transform 0.1s ease-out; transform-style: preserve-3d; perspective: 1000px; } .parallax-container:hover { /* This creates the tilt effect */ transform: rotateX(var(–x-rotation)) rotateY(var(–y-rotation)); } </style>