我为我的 Gatsby 网站添加了一个砖石挂钩，这是一个画廊。在 mp4 和 gif 上效果很好，但是当项目是 Gatsby 图像时，它没有高度。
我可以设置 a height:500px, position:static, and img{object-fit:contain}on gatsby-image-wrapper，但它的比例很奇怪。
我认为这是因为img从 Gatsby Image 渲染出来的position:absolute，object-fit:cover所以砌体钩子不知道它的大小，但我太初学者了，无法弄清楚。
砌体项目中的盖茨比图像如下所示：
<div class=" gatsby-image-wrapper"
style="position: relative; overflow: hidden; max-width: 900px; max-height: 613px;">
<div aria-hidden="true" style="width: 100%; padding-bottom: 68%;"></div>
<picture><source srcset="myImage.jpg 225w,
myImage.jpg 450w,
myImage.jpg 900w,
myImage.jpg 1310w" sizes="(max-width: 900px) 100vw, 900px"><img sizes="(max-width: 900px) 100vw, 900px" srcset="myImage.jpg 225w,
myImage.jpg 450w,
myImage.jpg 900w,
myImage.jpg 1310w" src="myImage.jpg" loading="lazy" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 1; transition: opacity 500ms ease 0s;">
</picture>
非常感谢任何帮助，谢谢