我有一个div，我正在里面放置一个圆形图像，已经按比例缩小。 但是，图像呈现在div的下方（div的外部）。 它向下移动的量和我按比例缩小的量是一样的。 即，如果不按比例缩放，则图像的顶部与div成线。 我不明白是什么导致了图像的下移。 如有任何帮助，我将不胜感激！

function Artist(props){
  var scaleX = 150/props.artist.images[0].width ,scaleY = 150/props.artist.images[0].height;
  
  var imag = <img src={props.artist.images[0].url} style={{overflow : "hidden", transform : `scale(${scaleX}, ${scaleY})`, borderRadius : "50%"}}></img>
  return (
    <div className="artistRow">
      {imag}
    </div>
  );
  
}