Merge pull request #97 from kjannette/cdnLinks

Cdn links

src/Components/Home/HomePage.js

@@ -30,7 +30,10 @@ const HomePage = () => {
       <div className="homepage-container">
         <section
           className="section-1"
-          style={{ backgroundImage: `url(${suitAI})`, backgroundSize: "cover" }}
+          style={{
+            backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/ee5222a0-7480-43ba-0f14-0ea482f31300/public)`,
+            backgroundSize: "cover",
+          }}
         >
           <div className="first-section-subcontainer">
             <div className="row upper-row-one">
@@ -129,8 +132,8 @@ const HomePage = () => {
             <div className="home-card">
               <div className="card-image-container">
                 <img
-                  src={hand_rework7}
-                  alt=""
+                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/2b360aa6-72bb-4e4f-4376-61d1353cd400/public"
+                  alt="ai hand"
                   width="100%"
                   className="card-image"
                 />
@@ -156,8 +159,8 @@ const HomePage = () => {
             <div className="home-card">
               <div className="card-image-container">
                 <img
-                  src={scales_centered}
-                  alt=""
+                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/de0ff11a-7572-488e-ceb0-169085e30800/public"
+                  alt="scales image"
                   width="100%"
                   className="card-image"
                 />
@@ -182,7 +185,11 @@ const HomePage = () => {
             {/***********  CARD THREE *********** */}
             <div className="home-card">
               <div className="card-image-container">
-                <img src={gavel_clear1} alt="" className="card-image" />
+                <img
+                  src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/cea17924-229d-4471-e618-171eb9b94500/public"
+                  alt=""
+                  className="card-image"
+                />
               </div>
               <div className="card-body">
                 <div className="card-upper-box">

src/styles/homepage.scss

@@ -348,7 +348,7 @@ p.card-title {
 
 .home-card-text-box {
   padding: 8px 10px 0px 10px;
-  width: 250px;
+  width: 270px;
   height: 150px;
   border-right: 1px solid var(--ultra-light-accent);
   border-bottom: 1px solid var(--ultra-light-accent);
@@ -590,7 +590,7 @@ button.button-2 {
   justify-content: center;
   background-color: #f2f2ff;
   width: 100%;
-  border-radius: 35px 35px 0px 0px;
+  border-radius: 10px 10px 0px 0px;
 }
 
 footer.footer {