I did something similar on my website as shown below:

here is the code to achieve it:

CSS-

.imgcontainer {
position: relative;
margin-left: 38%;
justify-content: center;
align-items: center;
max-width: 25%;
border-top: 1px solid rgba(255, 49, 49, 0.5);
border-right: 1px solid rgba(0, 255, 255, 0.5);
border-bottom: 1px solid rgba(57, 255, 20, 0.5);
border-left: 1px solid rgba(40, 129, 192, 0.5);
}

.tagimage {
max-width: 100%;
max-height: 80%;
}

JSX-

<Heading title='Our Vision' />
  <div className="imgcontainer" style={{alignItems:"center"}} >
    <img className="tagimage" src={tagline} alt='' />
  </div>