如何自动将图像的高度调整为网格区域？

Question

我对网格很陌生，我有点迷茫。我尝试了所有操作，但是无法使网格行的高度自动适应我的图像（嵌入CSS）。

这是我的代码：

HTML ---------------------------------------------- ---------------------

<div class="wrapper-louez">
<div class="guirlande"></div>
</div>

CSS ---------------------------------------------- -------------------------

.wrapper-louez{
display: grid;
grid-template-columns: 1fr 50% 1fr;
grid-auto-rows: minmax(400px, auto);
}
.guirlande{
background: url(../img/louez-la-kantine-guirlande.png) no-repeat top center;
background-size: 100% auto;
grid-area: 1 / 1 / 1 / span 3;
}

---

我需要使行自动适合我的图像，但是如果我未在包装中设置固定的行高，则图像不会显示。如何使高度行灵活？

感谢您的帮助。

露西