Avatar Component

src/components/Avatar/Avatar.module.scss

+.Avatar {
+  img {
+    height: 120px;
+    width: 120px;
+    border: 3px solid #fff;
+    border-radius: 50%;
+    &:hover {
+      cursor: pointer;
+      transform: translate(0, 0) scale(1.03);
+    }
+  }
+}

src/components/Avatar/index.jsx

+import React from "react";
+import PropTypes from "prop-types";
+import styles from "./Avatar.module.scss";
+
+const Avatar = (props) => {
+  const { picture, alt, customClass } = props;
+
+  return (
+    <div className={styles.Avatar}>
+      <img src={picture} alt={alt} className={customClass} />
+    </div>
+  );
+};
+
+Avatar.propTypes = {
+    picture: PropTypes.string.isRequired,
+    alt: PropTypes.string.isRequired,
+    customClass: PropTypes.string,
+};
+
+export default Avatar;