.style.transform = ` perspective(500px) rotateX(${rotateX.toFixed(2)}deg) rotateY(${rotateY.toFixed(2)}deg) scale(0.92)`;
        }
        card.onmouseup = (e) => {
            let { rotateX, rotateY } = calc3dEffect(e)
            e.currentTarget.querySelector('.card-content').style.transform = ` perspective(500px) rotateX(${rotateX.toFixed(2)}deg) rotateY(${rotateY.toFixed(2)}deg) scale(0.95)`;
        }
    }

    document.addEventListener('DOMContentLoaded', (e) => {
        const cards = document.getE