缩放时元素之间的延迟

Question

我正在尝试在悬停时缩放卡，但是图像下方的黑色背景会出现一会儿，看起来它的缩放速度比图像稍慢。也许有人知道我该如何解决？ Here it is

// Card
.root {
  display: block;
  text-decoration: none;
  box-shadow: 0px 0rem 1rem 0px rgba(0,0,0,0.20);
  border-radius: 26px;
  transition: 0.05s;
  background-color: black;
  &:hover {
    transform: scale(1.02);
    animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: 0.25s;
  }
}

//Thumbnail
.leadMediaThumb {
  border-radius: 22px;
}

//...