Social Proof Section | SASS, Flexbox, Grid, Transform

Hi everyone!

This challenge made me think (and hopefully not overthink) further about layout, and how to work with Flex items within Flex items or Flex items within Grid items. For the cascade effect, I tried using CSS Transform (specifically translate) for the first time in a project.

Using the Transform on the testimonials I realised that it would overflow, because when adding my attribution it went behind the testimonials instead of below it. At first I had tried using margin-top, but it didn't work the way I had expected it to. Is there an alternate way outside of the translate method while still maintaining responsiveness?