How to change text colour when mouse hovers over the flex


I’m a beginner at Webflow design. I’ve bought the template but I’m unable to make one change to it.

Here is the link to the template I’m using: Webflow - Bronn Blog template

On the very first page, I want to change the colour of the text (the blog names eg. the effects of social media) when the mouse hovers over Article 1 Flex. Currently only when the mouse hovers over the text itself then the colour is changing. I want to change the text colour when the mouse hovers over that box and at the same time that the box colour also changes according to the CMS article colour. I don’t want each text colour to be different. All should just turn to black when I hover the mouse on the boxes.

Please give me detailed steps or a video as I’m a total rookie!