fix: make images responsive

components/Current/Preamble/Breadcrumbs/breadcrumbs.module.css

@@ -3,6 +3,10 @@
   padding-bottom: 8px;
 }
 
+.parent {
+  display: none;
+}
+
 .list {
   align-items: center;
   display: grid;

components/Current/Preamble/Breadcrumbs/index.tsx

@@ -9,14 +9,18 @@ export default function Breadcrumbs({ breadcrumbs, parent, title }: BreadcrumbsP
     <nav className={styles.nav}>
       <ul className={styles.list}>
         {parent ? (
-          <li className="breadcrumb-list__parent hidden-medium hidden-large">
+          <li className={styles.parent}>
             <Link href={parent.node.url}>
               {parent.node.breadcrumbs?.title ?? parent.node.title}
             </Link>
           </li>
         ) : null}
-        {breadcrumbs.edges.map(breadcrumb => (
-          <li className={styles.li} itemProp="breadcrumb" key={breadcrumb.node.title}>
+        {breadcrumbs.edges.map((breadcrumb) => (
+          <li
+            className={styles.li}
+            itemProp="breadcrumb"
+            key={breadcrumb.node.title}
+          >
             <Link className={styles.link} href={breadcrumb.node.url}>
               {breadcrumb.node.breadcrumbs?.title ?? breadcrumb.node.title}
             </Link>