BUG: oversized quotes on blog obscure text on mobile and desktop

[kierisi]

Describe the bug the oversized quotes used in this blog post obscure the text on both mobile and desktop. on desktop this can largely be mitigated by increasing the window size, however there are cases where the text is too long and window size no longer corrects for the issue (example included in screenshot below).

To Reproduce Steps to reproduce the behavior:

1. Go to this post on mobile and desktop: https://www.pyopensci.org/blog/what-pyopensci-accomplished-with-two-years-of-funding.html

Expected behavior To read the text without images obscuring it

Screenshots If applicable, add screenshots to help explain your problem. Mobile example:

Desktop example:

Desktop (if issue was encountered on a desktop):

• OS with version: macOS Sonoma 14.4.1
• Browser: Chrome, Safari, Firefox

Mobile (if issue was encountered on a mobile device):

• Device: iPhone 15 Pro

• OS with version: iOS 17.5.1

• Browser Safari

• Device: Google Pixel 6

• OS with version:

• Browser Chrome, Firefox

[willingc]

Doing a very quick check it looks as if blockquote in CSS is not enclosing the quote marks, quote, and author into the same container.

This seems like a good file to start with: _includes/pyos-blockquote.html