Four Card Feature Section - HTML/SCSS/Flexbox/BEM

Hey fellow coders,

This is my first project from Frontend Mentor after escaping the "tutorial hell". Timed myself on this one and from start to finish it was roughly at the 2 hour mark.

Spent the last 30 minutes playing around with the border-top-color trying to use :nth-child() and :nth-of-type() on the &__content element, but couldn't figure it out so ended up using a @mixin.

I used different width px's for the Media Queries, is that alright?

How would you rate my code readability? Is it easy enough to understand?

Anything else I could have done to minimize reusing the same code pieces, or simply making it shorter?

This will be my first code review, so looking forward to any tips and tricks.

Thanks!