我想让我的形象变得圆润。但现在我的 border-radius 只影响屏幕的左侧

Question

我试图使整个图像的边界半径相同。 这张图片显示了它的样子

HTML: 

   <div class = "mydetails">
            <div class = "aboutmeIntro">
              <h1> About me </h1>
            <img src="images/subrat2.jpeg">
          </div>


CSS:
.aboutmeIntro img {
  
    width: 500px;
    border-radius: 20%;
    padding-left: 3%;

  }