Variable Product Question

Hello, I am using Divi and WooCommerce. Scenario 1: In the Product Data – Inventory section, “Manage stock” is checked. ( https://snipboard.io/dYovUy.jpg ) Result: Sold Out badge appears on the image as soon as the page loads. ( https://snipboard.io/X8OT74.jpg ) When I choose a variable option, Sold out badge appears on the image and in the upper left corner. ( https://snipboard.io/gtXCsO.jpg ) But if I select variable option 1 that has 100 in stock, the upper left sold out badge goes away but the badge on the image remains. ( https://snipboard.io/U2B9sz.jpg ) Scenario 2: In the Product Data – Inventory section, “Manage stock” is unchecked. ( https://snipboard.io/I2PxFy.jpg ) Variable Options 1 & 3 stock status are set to “in stock”, variable option 2 stock status is set to “Out of Stock” ( https://snipboard.io/XTJR3j.jpg ) Result: Sold out badge does not appear on the image when the page loads. When I choose variable option 2, the sold out badge appears in the upper left corner of the page but not on the image. ( https://snipboard.io/lnGpwm.jpg ) The only way the sold out badge appears on the image is if Manage Stock IS checked in the Inventory section of the product data AND Use alternative method? (pure CSS) is checked in the plugin settings. This doesn’t work for me because I don’t want the customer to see a sold out badge until the variable product is selected. And the only way I can make that happen is to set each variable stock status to which are in/out of stock. But if it’s out of stock, the badge doesn’t appear on the image as it should. I hope this makes sense and you can provide a solution. Thank you! The page I need help with: [ log in to see the link]