Remove hardcoded breakpoints

src/components/VideoBestMatch/VideoBestMatch.style.tsx

@@ -12,7 +12,7 @@ export const Content = styled.div`
   grid-template-columns: min(650px, 50%) 1fr;
   grid-column-gap: 24px;
 
-  @media (max-width: 750px) {
+  @media (max-width: ${bp.smallTablet}) {
     grid-template-columns: 1fr;
   }
 `

src/shared/theme/breakpoints.ts

@@ -1,5 +1,6 @@
 export default {
   mobile: '480px',
+  smallTablet: '750px',
   tablet: '1156px',
   largeViewport: '2000px',
 }