diff --git a/src/pages/Demo.tsx b/src/pages/Demo.tsx
index 29b4914a..6201c37b 100644
--- a/src/pages/Demo.tsx
+++ b/src/pages/Demo.tsx
@@ -52,7 +52,7 @@ const Demo: FC = () => {
                 size={40}
                 handleCorrect={setConfetti}
               >
-                <img className="pipi" src={Pipi} alt="Pipi"></img>
+                <img className="demo-pipi" src={Pipi} alt="Pipi"></img>
                 <Box letter="a" num={3} conf={false}></Box>
                 <div></div>
                 <Box letter="b" num={2} conf={false}></Box>
diff --git a/src/pages/Exercise3.tsx b/src/pages/Exercise3.tsx
index 543ad152..408e39fd 100644
--- a/src/pages/Exercise3.tsx
+++ b/src/pages/Exercise3.tsx
@@ -65,7 +65,7 @@ const Exercise3: FC = () => {
                 <Box letter="m" num={3} conf={false}></Box>
               </Grid>
             </div>
-            <img className="pipi" src={Pipi} alt="Pipi" />
+            <img className="exercise-3-pipi" src={Pipi} alt="Pipi" />
           </div>
           <h3>
             Pipi now wants to replace the basketball with a soccer ball. What is
diff --git a/src/pages/Lesson1.tsx b/src/pages/Lesson1.tsx
index 05f7f0bf..9f8e7d3a 100644
--- a/src/pages/Lesson1.tsx
+++ b/src/pages/Lesson1.tsx
@@ -29,7 +29,7 @@ const Lesson1: FC = () => {
             the memory in your computer is also labeled with addresses.
           </p>
           <div className="diagram">
-            <img src={PipiBox} className="pipi"></img>
+            <img src={PipiBox} className="lesson-1-pipi"></img>
           </div>
           <p>
             Every time your program creates a variable, it places the variable
diff --git a/src/styles/Demo.scss b/src/styles/Demo.scss
index 966900e1..878e5067 100644
--- a/src/styles/Demo.scss
+++ b/src/styles/Demo.scss
@@ -32,7 +32,7 @@ $header-height: 8vh;
     margin: 2rem;
   }
 
-  .pipi {
+  .demo-pipi {
     height: 70px;
     object-fit: cover;
     width: 50px;
diff --git a/src/styles/Exercise3.scss b/src/styles/Exercise3.scss
index 3a8f9eaa..b6b05270 100644
--- a/src/styles/Exercise3.scss
+++ b/src/styles/Exercise3.scss
@@ -6,7 +6,7 @@
   margin-top: 2.5em;
 }
 
-.pipi {
+.exercise-3-pipi {
   position: absolute;
   top: 515px;
   z-index: 2;
diff --git a/src/styles/Lesson1.scss b/src/styles/Lesson1.scss
index fe82c84b..8b0f05f8 100644
--- a/src/styles/Lesson1.scss
+++ b/src/styles/Lesson1.scss
@@ -3,7 +3,7 @@
 // Pipi
 //=======================================
 
-.pipi {
+.lesson-1-pipi {
   display: block;
   margin-left: auto;
   margin-right: auto;