From c419ac71d389e130908cf2b8ef18b97470555d69 Mon Sep 17 00:00:00 2001
From: caseymm <casey@bocoup.com>
Date: Thu, 28 Apr 2022 16:59:55 -0700
Subject: [PATCH] some timeline work

---
 .../annual-report/2021/annual-report.jsx      |  4 +--
 .../annual-report/2021/annual-report.scss     | 30 ++++++++++---------
 src/views/annual-report/2021/orgs.json        |  2 +-
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/views/annual-report/2021/annual-report.jsx b/src/views/annual-report/2021/annual-report.jsx
index 8f34ca245..5daaf386c 100644
--- a/src/views/annual-report/2021/annual-report.jsx
+++ b/src/views/annual-report/2021/annual-report.jsx
@@ -1429,11 +1429,11 @@ class AnnualReport extends React.Component {
                                 />
                             </div>
                             <div className="year-in-review">
-                                <img
+                                {/* <img
                                     className="upper-wave"
                                     src="/images/annual-report/2021/3_Community Section/Timeline/Timeline Background (Base).svg"
                                     alt={this.props.intl.formatMessage({id: 'annualReport.2021.altWaveBottom'})}
-                                />
+                                /> */}
                                 <TimelineCard
                                     className="center"
                                     link="https://scratch.mit.edu/studios/28659922/"
diff --git a/src/views/annual-report/2021/annual-report.scss b/src/views/annual-report/2021/annual-report.scss
index 834c45283..9db1c26d5 100644
--- a/src/views/annual-report/2021/annual-report.scss
+++ b/src/views/annual-report/2021/annual-report.scss
@@ -1544,22 +1544,21 @@ img.comment-viz{
     .sparkles{
         position: relative;
         width: calc(100% - 70px);
-        margin: 0 auto -114px;
+        margin: 0 auto -267px;
         z-index: 1;
         display: flex;
         justify-content: space-between;
-        height: 180px;
+        height: 145px;
         align-items: flex-start;
         @media #{$intermediate-and-smaller} {
-            // top: -120px;
-            height: 130px;
-            margin: 0 auto -76px;
-        }
-        @media #{$medium-and-smaller} {
-            height: 150px;
-            overflow: hidden;
-            width: 100%;
+            margin: 0 auto -251px;
+            height: 119px;
         }
+        // @media #{$medium-and-smaller} {
+        //     height: 150px;
+        //     overflow: hidden;
+        //     width: 100%;
+        // }
         .sparkle-left{
             @media #{$medium-and-smaller}{
                 margin-left: -40px;
@@ -1578,13 +1577,16 @@ img.comment-viz{
 
     .year-in-review{
         position: relative;
-        padding: 180px 0 180px 0;
+        padding: 330px 0 180px 0;
         display: flex;
         flex-direction: column;
         overflow-x: hidden;
-        @media #{$intermediate-and-smaller} {
-            padding: 80px 15px;
-        }
+        background-image: url("/images/annual-report/2021/3_Community Section/Timeline/Timeline Background (Base).svg");
+        background-size: cover;
+        background-position: center;
+        // @media #{$intermediate-and-smaller} {
+        //     padding: 80px 15px;
+        // }
         .upper-wave{
             width: 100%;
             position: absolute;
diff --git a/src/views/annual-report/2021/orgs.json b/src/views/annual-report/2021/orgs.json
index 52472e41c..52eab52ca 100644
--- a/src/views/annual-report/2021/orgs.json
+++ b/src/views/annual-report/2021/orgs.json
@@ -77,7 +77,7 @@
   {
     "name": "ILCE Instituto Latino Americano de la Comunicación Educativa",
     "region": "México City",
-    "country": "MX"
+    "country": "Mexico"
   },
   {
     "name": "Kids Code Jeunesse",