Research-row collapse to single column at $bp-tablet (960px) instead of $bp-phone

On landscape mobile / tablet (e.g. iPhone landscape ~844px, iPad
portrait 768px), the desktop 3-column grid still applied, so the
photo was centered within its 280px right column — visually still on
the right side of the page. Bumping the breakpoint so the row stacks
into one centered column at any viewport <= 960px.

Author: rhiju

assets/css/style.scss

@@ -736,7 +736,7 @@ details.show-more {
     border-radius: 4px;
   }
 }
-@media (max-width: $bp-phone) {
+@media (max-width: $bp-tablet) {
   .research-row {
     grid-template-columns: 1fr;
     > i { margin: 0 auto; }