font face for base apparel

Author: visualdenniss

src/components/newbie/BaseApparel/BaseApparel.css

@@ -1,5 +1,24 @@
 @import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600&display=swap");
 
+@font-face {
+  font-family: "PP Neue Montreal";
+  src: url("./assets/fonts/PPNeueMontreal-Medium.otf") format("otf");
+  font-style: normal;
+  font-weight: 500;
+}
+@font-face {
+  font-family: "PP Neue Montreal";
+  src: url("./assets/fonts/PPNeueMontreal-Bold.otf") format("otf");
+  font-style: normal;
+  font-weight: 700;
+}
+@font-face {
+  font-family: "PP Neue Montreal";
+  src: url("./assets/fonts/PPNeueMontreal-Book.otf") format("otf");
+  font-style: normal;
+  font-weight: 400;
+}
+
 .base-apparel-container {
   overflow-x: hidden;
   /* min-height: 100vh; */

src/components/newbie/BaseApparel/BaseApparel.jsx

@@ -80,7 +80,7 @@ const BaseApparel = () => {
                         </p>
                         <div className="base-apparel-body-deco-wrapper">
                             <div className="base-apparel-body-deco-overlay"></div>
-                            <img src={deco} alt="" />
+                            <img src={deco} alt='“CALLA LILY” // 1988 ROBERT MAPPLETHORPE'  />
                         </div>
                         {subscribed ? 
                         <p style={{fontSize:'2rem', color: 'var(--base-apparel-header)'}}>Thank you for subscribing!</p>
@@ -99,7 +99,10 @@ const BaseApparel = () => {
                     </section>
                 </div>
                 <div class="base-apparel-right base-apparel-column">
-                  <div className="base-apparel-bg-2"></div>
+                  <span role="img" aria-label="logan hollowell"></span>
+                  <div className="base-apparel-bg-2">
+                  <span role="img" aria-label="[place alt text here]"></span>
+                  </div>
                 </div>
         </main>
     )