Social proof section using HTML/CSS

What specific areas of your project would you like help with?

I'd appreciate feedback on my @media rules, as although everything is working as it should across screen widths, I think the code could be simplified.

Also, for the staggering of the 5 star review boxes, I just added nth-of-type rules with margin and negative margin on either side. I assume this should instead be done with a position rule or something like that instead. The code looks like:

nth-of-type(2) {
        margin-right: 40px;
        margin-left: -40px
}

Similarly for the bottom 3 testimonial boxes.

Any other feedback is welcome.