Display brand name

Hi,

I have the setting that the brand name should be displayed below the image. It works fine for mobile but not on desktop. See the link for example. I tried to use this css code to move it below the “wish list” on desktop. But I did not succeed. What can I do?

media (min-width: 992px) { /* This targets desktop screens, adjust the min-width as needed */
    .parent-of-berocket, .parent-of-cg-wishlist {
        display: flex;
        flex-direction: column;
    }

    .parent-of-cg-wishlist {
        order: 1; /* Ensure the wishlist icon appears first */
    }

    .parent-of-berocket {
        order: 2; /* Ensure the brand name appears second */
    }
}

Thanks

The page I need help with: [log in to see the link]