/* ১. প্রাথমিক অবস্থা: ছবিকে স্ক্রিনের বাম দিকে সরিয়ে দিন এবং অদৃশ্য রাখুন */
.scroll-animate-img {
    opacity: 0;
    transform: translateX(-50px); /* বাম দিকে সামান্য সরিয়ে দেওয়া হলো */
    transition: none; /* প্রাথমিক অবস্থায় কোনো transition থাকবে না */
    /* পারফরম্যান্সের জন্য এই লাইনটি যোগ করুন: */
    will-change: transform, opacity; 
}

/* ২. যখন JS দ্বারা 'is-visible' ক্লাস যোগ হবে, তখন অ্যানিমেশন শুরু হবে */
.scroll-animate-img.is-visible {
    /* ট্রানজিশন চালু করুন */
    transition: 
        transform 0.8s ease-out, /* 0.8 সেকেন্ডে স্লাইড হবে */
        opacity 0.6s ease-in;    /* 0.6 সেকেন্ডে ফেইড-ইন হবে */
        
    /* ছবিকে তার আসল অবস্থানে ফিরিয়ে আনুন */
    transform: translateX(0); 
    
    /* দৃশ্যমান করুন */
    opacity: 1;
}