我试图在悬停时显示更多细节并缩放组件，但这样做会替换周围的组件。
请参见屏幕截图：

这是我分配给MUI盒和卡的sx。

const ctCardHoveredSx = {
  maxWidth: 300,
  '& .ct-card-toggle': {
    display: 'none'
  },
  '&:hover .ct-card-toggle': {
    display: 'flex'
  },
  '& .ct-card': {
    transition: 'transform 0.15s ease-in-out',
    boxShadow: 'none'
  },
  '&:hover .ct-card': {
    transform: 'scale3d(1.25, 1.25, 1)',
    boxShadow: '5',
    zIndex: 2
  }
};

技术堆栈：

• 下一步JS
• 多用户界面
• React