text: import React from "react";
  import { Component } from "react";
  import banner from "./profile.jpg";
  
  //for animated svgs use json file
  /*export default function BannerImg(){
      const container = useRef(null)
      useEffect(() => {
        lottie.loadAnimation({
          container: container.current,
          renderer: 'svg',
          loop: true,
          autoplay: true,
          animationData: require('./banner.json')
        })
      }, [])
      return (
        <div className="App">
          <div className="container" ref={container}></div>
        </div>
      );
  }*/
  
  // //for static svgs
  class BannerImg extends Component {
    render() {
      return (
        <div className="App">
          <div className="container">
            <img src={banner} alt="" width="550" />
          </div>
        </div>
      );
    }
  }
  export default BannerImg;
  