added the gallery images

index.html

@@ -159,7 +159,7 @@ <h2><strong>Unsplah Profile:
         website please
         mention
         it...</strong><br><br>
-
+    <center>
     <form action="sathvik.php" id="margin" class="say">
         <div>
 
@@ -215,6 +215,7 @@ <h2><strong>Unsplah Profile:
 
 
     </form>
+    </center>   
     <br>
     <!-- Emmet -->
     <!-- . is for class and # is for id -->
@@ -246,8 +247,8 @@ <h3 id="thirdpara" style="font-size:150%;"><b>My Photography:</b></h3>
     <br>
     <div class="responsive">
         <div class="gallery">
-            <a target="_blank" href="phocus/1649360241227.jpg">
-                <img src="phocus/1649360241227.jpg" alt="Eroor loading" width="600" height="400">
+            <a target="_blank" href="https://unsplash.com/photos/jyGXmTMyd5k">
+                <img src="pixobia-grass-unsplash.jpg" alt="Error loading" width="600" height="400">
             </a>
             <div class=" desc">"We, the humans are like this green grass.
                 When drenched with love like water is looking on it as glass.
@@ -261,8 +262,8 @@ <h3 id="thirdpara" style="font-size:150%;"><b>My Photography:</b></h3>
 
     <div class="responsive">
         <div class="gallery">
-            <a target="_blank" href="phocus/20220626_133426.png">
-                <img src="phocus/20220626_133426.png" alt="Eroor loading" width="600" height="400">
+            <a target="_blank" href="https://unsplash.com/photos/CMAyyXIz7Hk">
+                <img src="pixobia-CM-unsplash.jpg" alt="Error loading" width="600" height="400">
             </a>
             <div class=" desc">"Architecture is a virtual art and
                 The buldings speak for themselves…"
@@ -272,8 +273,8 @@ <h3 id="thirdpara" style="font-size:150%;"><b>My Photography:</b></h3>
 
     <div class="responsive">
         <div class="gallery">
-            <a target="_blank" href="phocus/20220626_134147.png">
-                <img src="phocus/20220626_134147.png" alt="Eroor loading" width="600" height="400">
+            <a target="_blank" href="https://unsplash.com/photos/6PVqBR98p7k">
+                <img src="pixobia-6k-unsplash.jpg" alt="Error loading" width="600" height="400" >
             </a>
             <div class=" desc">"When you photograph people in color,
                 You photograph their clothes.But when you
@@ -284,8 +285,8 @@ <h3 id="thirdpara" style="font-size:150%;"><b>My Photography:</b></h3>
 
     <div class="responsive">
         <div class="gallery">
-            <a target="_blank" href="phocus/20220627_082727.png">
-                <img src="phocus/20220627_082727.png" alt="Eroor loading" width="600" height="400">
+            <a target="_blank" href="https://unsplash.com/photos/Yl24iD8H38U">
+                <img src="pixobia-Yl24iD8H38U-unsplash.jpg" alt="Error loading" width="600" height="400">
             </a>
             <div class=" desc">" Beauty perishes in life,but it
                 Is immortal in art…

style.css

@@ -99,6 +99,8 @@ h4 {
 div.gallery {
     border: 1px solid #ccc;
     box-sizing: border-box;
+    display: table;
+    width: 100%;
 }
 
 div.gallery:hover {
@@ -108,11 +110,13 @@ div.gallery:hover {
 div.gallery img {
     width: 100%;
     height: auto;
+    display: flex;
 }
 
 div.desc {
     padding: 15px;
     text-align: center;
+    display: table;
 }
 
 * {
@@ -123,6 +127,9 @@ div.desc {
     padding: 0 6px;
     float: left;
     width: 24.99999%;
+    display: flex;
+    align-items: stretch;
+    justify-content: space-around;
 }
 
 
@@ -253,6 +260,7 @@ a[target]{
     margin: auto;
     width: 50px;
     text-align: center;
+    align-content: center;
 }
 .footer-container{
     display: flex;