diff --git a/content/profile/shinthanthtun.mdx b/content/profile/shinthanthtun.mdx
index c964723..fd00c65 100644
--- a/content/profile/shinthanthtun.mdx
+++ b/content/profile/shinthanthtun.mdx
@@ -9,19 +9,17 @@ tags:
   - Rust
   - Zig
 ---
-         
-
 <div className="max-w-lg mx-auto my-10 bg-grey rounded-lg">
     <img class="w-32 h-32 block object-cover w-1/4 rounded-full ring-4 ring-white-500/50 ring-offset-[10px] mx-auto" src="https://avatars.githubusercontent.com/u/143016385?v=4" alt="Profile picture"/>
-    <p class="text-left text-white-800 mt-1">
-      {
+    <p class="text-left text-white-800 mt-5">
+      \{
         "name" : ShinThantHtun
         "about-me" : A INTP-T nerd logician who love science and math.
-        "theThingsILearned" : - JavaScript (React, Next, Node)
-                              - TypeScript
-                              - C++
-                              - Rust
-                              - Zig
-      }
+        "theThingsILearned" : \- JavaScript (React, Next, Node)
+                              \- TypeScript
+                              \- C++
+                              \- Rust
+                              \- Zig
+      \}
     </p>
 </div>
\ No newline at end of file
diff --git a/src/components/Contributors/DaGuGuGu/DaGuGuGu.jsx b/src/components/Contributors/DaGuGuGu/DaGuGuGu.jsx
index 0e48a2d..df3efd4 100644
--- a/src/components/Contributors/DaGuGuGu/DaGuGuGu.jsx
+++ b/src/components/Contributors/DaGuGuGu/DaGuGuGu.jsx
@@ -1,3 +1,4 @@
+/* eslint-disable @next/next/no-img-element */
 import React, { useState } from "react";
 import { BiLogoGithub, BiLink } from "react-icons/bi";
 import { IoIosArrowBack, IoIosArrowForward } from "react-icons/io";
@@ -13,11 +14,13 @@ const DaGuGuGu = () => {
         <img
           className="w-full h-[200px]"
           src="https://media0.giphy.com/media/RMwgs5kZqkRyhF24KK/giphy.gif?cid=ecf05e47xdckqv6kn5rc6of5baa793qgy7if69g574pn3sl2&ep=v1_gifs_search&rid=giphy.gif&ct=g"
+          alt="DaGuGu"
         />
 
         <img
           className="rounded-full mx-3 -mt-[50px] mb-3 bg-green-300 h-[100px] w-[100px] border-2 "
           src="https://avatars.githubusercontent.com/u/71760983?s=400&u=b3a7e019faf9f06d3f499ae0486d5dd397617f77&v=4"
+          alt="DaGuGu"
         />
         <div className="mx-3">
           <h2 className="text-white  font-semibold ">Hein Htet Aung</h2>
@@ -82,7 +85,11 @@ const DaGuGuGu = () => {
                     }}
                     className="w-[100px] cursor-pointer h-[165px] bg-red-300 rounded-md overflow-hidden"
                   >
-                    <img className="w-full h-full" src={data.thumbnail} />
+                    <img
+                      className="w-full h-full"
+                      src={data.thumbnail}
+                      alt="DaGuGu"
+                    />
                   </div>
                   {data.title}
                 </div>
@@ -147,6 +154,7 @@ const Modal = ({ projects, show, setShowModal }) => {
           <img
             className={projects[current].imageClass}
             src={projects[current].image}
+            alt="DaGuGu"
           />
           <div
             onClick={() => setCurrent((prev) => prev + 1)}
diff --git a/src/components/Contributors/Peter/components/About.jsx b/src/components/Contributors/Peter/components/About.jsx
index fd94fcc..215e5fa 100644
--- a/src/components/Contributors/Peter/components/About.jsx
+++ b/src/components/Contributors/Peter/components/About.jsx
@@ -1,3 +1,4 @@
+/* eslint-disable @next/next/no-img-element */
 "use-client";
 import React from "react";
 
diff --git a/src/components/Contributors/nyeinminhtet/Nyeinminhtet.tsx b/src/components/Contributors/nyeinminhtet/Nyeinminhtet.tsx
index 83a2098..f95d9d6 100644
--- a/src/components/Contributors/nyeinminhtet/Nyeinminhtet.tsx
+++ b/src/components/Contributors/nyeinminhtet/Nyeinminhtet.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @next/next/no-img-element */
 import React from "react";
 import { IoLogoFacebook, IoLogoGithub } from "react-icons/io5";