const [isMessageVisible, setIsMessageVisible] = useState(true);


            setTimeout(() => {
                setIsMessageVisible(false);
            }, 8000);

<div className={`my-5 bg-gray-200 p-4 rounded-md text-black transition duration-700 ${isMessageVisible ? 'opacity-100' : 'opacity-0'} `}>