image component

src/components/Image/Image.scss

+
+.card-profile-image  {
+  position: absolute;
+  left: 50%;
+  max-width: 140px;
+  transition: all .15s ease;
+  transform: translate(-50%,-50%) scale(1);
+  border: 3px solid #fff;
+  border-radius: 0.375rem;
+  vertical-align: middle;
+}

src/components/Image/index.jsx

+import React from "react";
+import PropTypes from "prop-types";
+import "./Image.scss";
+
+// Profile Image common components
+function Image({src, width}) {
+    return (
+        <>
+            <div className="mt-7 card-profile-image">  
+                <img src={src} width={width}  className="rounded-circle card-profile-image"/>
+            </div>
+        </>
+    );
+}
+
+Image.propTypes = {
+    src: PropTypes.string,
+    width: PropTypes.string
+};
+
+export default Image;

src/components/index.js

 export { default as Button } from "./Button";
+export { default as Image } from "./image";
+