css - 图像悬停在不同窗口大小上改变形状

Question

响应时悬停形状有问题

我有这个代码：

.thumb {
  max-height: 21.875em; /* 350px */ 
  max-width: 21.875em; /* 350px */ 
  width: 100% !important; 
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.mask-thumb {
  height: 21.875em; /* 350px */
}

当不更改浏览器大小时，悬停图像与图像大小相同。试图在 css 媒体屏幕中放置不同的边框百分比，但仍然悬停不完全像背景图像