Responsive testimonial grid section using grid and flexbox

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

I am proud of completing this challenge. It helped me to practice grid. This time I used grid-template areas to position my grid items.Also I learned how to use psedo elements like ::before and :: after. Next time I want to estimate time and complete challenge during the one week.

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

By doing this challenge. I faced two problems:

1. When I created desktop layout with grid I declared grid-template columns with frauctional unit so the testimonial section took whole page. it is been suggested to use max-width to limit the size of my testimonial so it helped to center everything. I am still not sure about this approach if you have any suggestions about this feel free to comment bellow.
2. The second issue was about background image positioning. first I tried the classic approach as name suggest background image with background-position property.Then I found another approach with psedo elements on youtube on Kevin Powell's channel and choose to use position relative and absolute for this.

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

is it ok to have vertical scroll? If it is not how can I remove it? Overall what do you think about my solution?