changed

src/App.js

-import Hello from "./components/images";
+import Image from "./components/images";
+import "./components/images/style.module.scss"
 
 function App() {
   return (<>
-   <Hello/>
-   <Hello/>
+   
+        <Image
+          src={"./gani.jpg"}
+          alt="Image not found"
+          className={""}
+          width={"200px"}
+          height={"200px"}
+        />
+        
    </>
   )
 }

src/components/images/index.jsx

 import React from "react";
-import "./style.css";
 
-const Hello= () => {
+
+
+function Image(props) {
+  const { imageClass, src, alt, width,height,id} = props;
+
   return (
-        <div className="primary">
-            <img src="./gani.jpg" alt="image not found"/>
-        </div>
-    )
+    <img
+    id={id}
+      className={imageClass }
+      src={src}
+      alt={alt}
+      height={height}
+      width={width}
+    />
+  );
 }
 
-export default Hello;
+
\ No newline at end of file
+export default Image;
\ No newline at end of file

src/components/images/style.module.scss

-.primary {
-    width: 110px;
-    height: 110px;
-    border: 2px solid rgb(172, 70, 78);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-.primary img {
-    width: 100px;
-    height: 100px;
+.imageStyleClass {
+    
+    border-radius: 50%;
+    
+    
+    
+
 }