react-project/src/components/MainInstitucional/Breadcrumb.tsx

@@ -8,12 +8,16 @@ const Breadcrumb = () => {
     <div className={breadcrumb["breadcrumb"]}>
       <a href="/">
         <figure>
-          <img src={iconHome} alt="Icone Home" />
+          <img className={breadcrumb["home"]} src={iconHome} alt="Icone Home" />
         </figure>
       </a>
 
       <figure>
-        <img src={iconArrow} alt="Icone Flecha para direita" />
+        <img
+          className={breadcrumb["arrow"]}
+          src={iconArrow}
+          alt="Icone Flecha para direita"
+        />
       </figure>
       <span>INSTITUCIONAL</span>
     </div>

react-project/src/components/MainInstitucional/assets/modules/Breadcrumb.module.scss

@@ -4,12 +4,30 @@
   gap: 9.72px;
   margin-bottom: 80px;
 
+  @media screen and (min-width: 2500px) {
+    gap: 12px;
+  }
+
   a {
     display: contents;
   }
 
   figure {
     display: contents;
+
+    .home {
+      @media screen and (min-width: 2500px) {
+        width: 31.25px;
+        height: 31.25px;
+      }
+    }
+
+    .arrow {
+      @media screen and (min-width: 2500px) {
+        width: 8.9px;
+        height: 15.62px;
+      }
+    }
   }
 
   span {
@@ -17,5 +35,10 @@
     font-weight: 400;
     font-size: 12px;
     line-height: 14px;
+
+    @media screen and (min-width: 2500px) {
+      font-size: 24px;
+      line-height: 28px;
+    }
   }
 }