Responsive grid testimonials using flexbox, CSS grid and BEM

Hi guys! 😄

This is my first time trying out BEM so extra interested in getting some feedback on that ✨ I really liked it at first as I didn't have to worry about what to name my classes, but I also got confused by some aspects of it; like how do you deal with margins if you aren't supposed to place it inside blocks? 🤷‍♀️ I also ended up with some excessively long class names for my desktop styles 😅 For reference, I tried to follow the BEM convention as outlined by CSS Tricks in this article.

Edit: additional question after I saw the HTML validation that is complaining about the lack of headings in my sections and article 🙈 I don't think it makes sense to have headings inside each section in this case (but please let me know if you think otherwise!). So would it be better to just divs instead of sections in this case?

Any general feedback on the solution is, of course, also very appreciated 😊