diff --git a/lib/screens/mens.dart b/lib/screens/mens.dart
index 0932bb8..18d22d9 100644
--- a/lib/screens/mens.dart
+++ b/lib/screens/mens.dart
@@ -35,12 +35,14 @@ class Mens extends StatelessWidget {
                 mainAxisAlignment: MainAxisAlignment.center,
                 crossAxisAlignment: CrossAxisAlignment.center,
                 children: [
-                  Image(
-                    image: AssetImage(
-                      'assets/images/period.jpg',
+                  InteractiveViewer(
+                    child: Image(
+                      image: AssetImage(
+                        'assets/images/period.jpg',
+                      ),
+                      fit: BoxFit.contain,
+                      alignment: Alignment.center,
                     ),
-                    fit: BoxFit.contain,
-                    alignment: Alignment.center,
                   ),
                   SizedBox(
                     height: 10,
diff --git a/lib/screens/puberty.dart b/lib/screens/puberty.dart
index f05af1e..1f05a33 100644
--- a/lib/screens/puberty.dart
+++ b/lib/screens/puberty.dart
@@ -31,22 +31,26 @@ class Puberty extends StatelessWidget {
                 mainAxisAlignment: MainAxisAlignment.center,
                 crossAxisAlignment: CrossAxisAlignment.center,
                 children: [
-                  Image(
-                    image: AssetImage(
-                      'assets/images/puberty1.jpg',
+                  InteractiveViewer(
+                    child: Image(
+                      image: AssetImage(
+                        'assets/images/puberty1.jpg',
+                      ),
+                      fit: BoxFit.contain,
+                      alignment: Alignment.center,
                     ),
-                    fit: BoxFit.contain,
-                    alignment: Alignment.center,
                   ),
                   SizedBox(
                     height: 10,
                   ),
-                  Image(
-                    image: AssetImage(
-                      'assets/images/female-chart.png',
+                  InteractiveViewer(
+                    child: Image(
+                      image: AssetImage(
+                        'assets/images/female-chart.png',
+                      ),
+                      fit: BoxFit.contain,
+                      alignment: Alignment.center,
                     ),
-                    fit: BoxFit.contain,
-                    alignment: Alignment.center,
                   ),
                   SizedBox(
                     height: 10,