Responsive testimonials grid using CSS Grid and Flexbox

What are you most proud of, and what would you do differently next time?

I'm proud to use more responsive layout element like rem. Also, custom designs for each element is pretty laborious.

What challenges did you encounter, and how did you overcome them?

I was having trouble over having the grid keep its ration when adjusting the padding and margin. When I switched to rem instead of px, it works. I mostly google or search w3school for similar tutorials.

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

I'm still having trouble placing the quotation mark under the testimonial bolded text. I've tried using z-index and position:relative, but my code displays it as separate divs. Furthermore, I don't know how to make the pfp images more responsive when resizing. Would appreciate much help if anyone can help.