Fix Berocket Advanced Labels on Woocommerce Webiste CSS Knowledge Required

I need someone with advanced CSS knowledge to help me fix my Woocommerce website's Berocket Advanced Labels plugin. The issue requires only CSS changes with no custom coding for it. The website needs to be tested on common browsers Chrome/IE etc and must work for mobile, desktop and other devices. As per the attached image we have the conditions built, we previously has labels appearing as we liked but lost them when we rebuilt the website. All the delivery conditions that we created need to appear under the image. If you go to one of our other sites [login to view URL] you will see how it should look for these under the image for both outside the product and inside it. On this site we if you check out Jan delviery which currently disabled(can be turned on to test) you will see it nearly appears correctly. So we need to fix other ones to get it correc. The delivery attribute is used in the conidtion so only 1 should appear (as product only has one of them so 2 won't appear). Once this is fixed with current labels (all need to appear underneath except out of stock which can appear in top left (and underneath if someone know how to use the weighing system so out of stock shows up ahead of delivery conditions). We also need dummy conditions created for labels to appear top right, bottom right and bottom left on the main image purely so we can modify the conidtions to get other labels to appear neatly. Last freelancer who did this years ago was able to do simialr project in space of 2 hours!