Off the top of my head, here is my suggestion:
Since you are using Bootsrap, you can use some of the Boostrap responsive utility classes. That means that you can actually hide that quote on small and extra small screens by adding the
.hidden-xs class to your
<h3> element that contains the quote.
You can take a look at the different responsive utility classes here.
If you want some great tips about the fundamentals of Bootstrap, check out this playlist - I’m recommending that to almost everybody because it helped me so much.
If you want the quote to be visible on extra small screens, you can still do what I suggested above but then add it elsewhere in your markup again with the appropriate responsive classes and classes added to only display on extra small screens, for instance.
I hope this helps! There might be other, better ways to do it, but this is where I would start in this situation.