如何调整react-paper card.cover中的图像大小以适应高度？

.custom-cover {
  height: 100%; /* 设置高度为100%以适应父容器 */
  display: flex; /* 使用flex布局 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}

.custom-cover img {
  max-height: 100%; /* 图像的最大高度为父容器的高度 */
  max-width: 100%; /* 图像的最大宽度为父容器的宽度 */
  object-fit: contain; /* 图像按比例缩放以适应容器 */
}

import React from 'react';
import { Card } from 'react-paper';

const MyComponent = () => {
  return (
    <Card>
      <Card.Cover className="custom-cover" source={require('path/to/image.jpg')} />
      {/* 其他卡片内容 */}
    </Card>
  );
}

export default MyComponent;