I have an website and the issue I'm having is an over laying issue where if a notification tab like example "Sign up for a free trial" once the "X" is clicked which is the close button the same notification appears I told the AI to fix that but yet the same issue occurs and this is what exactly i told the AI to do

Please fix the issue where the notification tabs ("FREE TRIAL", "ACTIVE GIVEAWAY", and the purchase popup on the bottom left) are stacking on top of each other when one is closed using the "X" button, another identical one remains underneath; ensure that only one instance of each notification is rendered at a time, and that closing it completely removes it from the DOM rather than just hiding it with CSS, while also applying proper z-index layering and smooth fade or slide-in/out animations to all notification types.