Does this page reflow properly?

This page illustrates a common problem in responsive design: layout issues that occur only at particular screen widths.

To understand a WCAG Reflow failure in action, experiment with different browser window sizes. Observe how a part of this page displays without issue on some screens, such as those with a 320px width, but exhibits layout problems on different sizes.

This study is a part of the grifare.net domain.

You judge if reflow passes or fails in the testing area below ↓

“The quick brown fox jumps over the lazy dog” is a famous English pangram, meaning it uses every letter of the alphabet at least once

↑ In the testing area above, default breakpoints of Bootstrap 5 are used

The exact screen widths used for telling which layouts should pass or fail are listed below.

Smaller than 576px. Reflow will PASS between 320px - 576px.
Between 576px - 768px. Reflow will FAIL on these sizes of screens. The end of sentence is cropped.
Between 768px - 992. Layout breaks miserably, but everything is still available. Does this get a PASS?
Between 992px - 1200px. Reflow will FAIL on these sizes of screens. Horizontal scrolling required to read the sentence.
Between 1200px - 1400px. Reflow will PASS on these sizes of screens.
Between 1400px - 1650px. Sentence cropped both from right and bottom. Image is cropped as well. Another mistake causes a contrast failure only on these sizes. Is that a Contrast (Minimum) failure or a Reflow failure?
Larger than 1650px. Reflow will PASS.