I am using the following component: https://tailwindcomponents.com/component/dropdown-shopping-cart and I want the menu to be opened for 3 seconds after hovering. What I understand is that the thing that is responsible for the dropdown to be shown after hover is the <div class="relative group"> and the group-hover:block. To get the effect I want I thought about maybe adding a transition with certain duration but I can't get this to work.