feat: centered images in HomepageResults component

src/components/HomepageResults.js

@@ -40,7 +40,7 @@ const ResultsList = [
 function Results({title, description, img, alt}) {
   return (
     <div className="sectionsReverse row">
-      <div className={styles.resultsCenter}>
+      <div className={"col col--5 " + styles.resultsCenter}>
         <img className={styles.resultsImage} src={img} alt={alt}/>
       </div>  
       <div className="col col--5">

src/components/HomepageResults.module.css

@@ -4,5 +4,6 @@
 }
 
 .resultsCenter {
-  margin: auto;
+  display: flex;
+  justify-content: center;
 }

src/css/custom.css

@@ -143,10 +143,12 @@ ul {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  text-align: end;
 }
 
 .sectionsReverse:nth-of-type(odd) {
   flex-direction: row-reverse;
+  text-align: start;
 }
 
 .stickers {