Social Proof Section - Mobile first, Responsive, flexbox & grid.

I finally decided to apply grid in one of these challenges. I dont think it was entirely nessesary, however it was good practice to implement it. On the other hand I also used flexbox for the same purpose, so it was interesting for me to understand how to achieve a certain layout using two different tools in one project. I'm beginning to understand certain use cases where grid would be more applicable - at least to those who are inclined to use it. Certainly I see now the combination of the two is where the real magic happens. In addition to all of this, I continue to refine my technique and 'instinct' when it comes to CSS properties and how they behave, and misbehave for that matter. Fun project. As usual, I seem to be omitting tags at this time and will fix those up later.

Any feedback from others who have completed this challenge are welcome.

Question(s): If anyone can explain to me why the comparison image is shown to be so displaced despite the fact my source site seems to have no such issue, it would be much appreciated. I've struggled tremendously as a beginner to understand how FEM actually sources these images, and why they often look so displaced compared to what is seen on the actual source site. Its annoying and no explanation is ever provided on how to mitigate this issue.