您可以通过将vertical-align: top;添加到您的图像来解决问题：

.features-img-container img{
    height: 100%;
    object-fit: cover !important;
    vertical-align: top;
}

字符串
现在，当您更改图像容器高度时，图像高度将保持不变

<div class="features secondary">
        <div class="features-content">
            <div class="wrap">

                <div class="mini-text">
                    Machines à café avec broyeur
                </div>
                <div class="title">
                    Un café plus responsable envers la planète.
                </div>
                <div class="subtitle">
                    Nous travaillons directement avec de petits producteurs de café du monde entier pour vous offrir des
                    <br>
                    cafés de spécialité de la plus haute qualité. De plus, nous torréfions quotidiennement afin que le
                    café <br>
                    que vous recevez à la maison soit toujours frais.
                </div>
                <a href="#" class="btn">
                    Connaître nos valeurs
                </a>
            </div>
        </div>
        <div class="features-img-container">
            <img src="https://img.freepik.com/free-vector/hand-painted-watercolor-pastel-sky-background_23-2148902771.jpg" width="100%" height="100%" class="features-img">
        </div>
    </div>
    
    <style>
* {
    box-sizing: border-box;
}

body {
    margin: 0;

}

.features {
    width: 100%;
    display: flex;
}

.features.primary{
    background-color: #9FB29B;

}
.features.secondary{
    background-color: rgb(228, 215, 188);
}

.features-img-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.features-img-container img{
    height: 100%;
    object-fit: cover !important;
    vertical-align: top;
}

.features-content {
    width: 100%;
    padding: 60px 20px 20px 20px;
}
.features-content .wrap{
    width: 96%;
    max-width: 600px;
}

.features-content .mini-text {
    font-size: 20px;
}

.features-content .subtitle {
    font-size: 20px;
    font-weight: 300;
    margin-top: 30px;

}

.features-content .title {
    font-weight: 700;
    font-size: 62px;
    margin-top: 90px;
}


    
    
    </style>

型

将display: block;添加到您的图像中-默认情况下图像是内联的，这会在基线（不可见）下留下一些空间：

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.features {
  width: 100%;
  display: flex;
}

.features.primary {
  background-color: #9FB29B;
}

.features.secondary {
  background-color: rgb(228, 215, 188);
}

.features-img-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.features-img-container img {
  height: 100%;
  object-fit: cover !important;
  display: block;
}

.features-content {
  width: 100%;
  padding: 60px 20px 20px 20px;
}

.features-content .wrap {
  width: 96%;
  max-width: 600px;
}

.features-content .mini-text {
  font-size: 20px;
}

.features-content .subtitle {
  font-size: 20px;
  font-weight: 300;
  margin-top: 30px;
}

.features-content .title {
  font-weight: 700;
  font-size: 62px;
  margin-top: 90px;
}

个字符

将display: block;或vertical-align:middle;添加到您的.features-img-container img。您看到的额外空间是设计的-图像是内联的，默认情况下具有与字体中的降序相等的空间。这是因为默认情况下图像与文本的基线对齐。
将图像更改为块或告诉它在哪里对齐将覆盖此行为。

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.features {
  width: 100%;
  display: flex;
}

.features.primary {
  background-color: #9FB29B;
}

.features.secondary {
  background-color: rgb(228, 215, 188);
}

.features-img-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.features-img-container img {
  height: 100%;
  object-fit: cover !important;
  display: block;
}

.features-content {
  width: 100%;
  padding: 60px 20px 20px 20px;
}

.features-content .wrap {
  width: 96%;
  max-width: 600px;
}

.features-content .mini-text {
  font-size: 20px;
}

.features-content .subtitle {
  font-size: 20px;
  font-weight: 300;
  margin-top: 30px;
}

.features-content .title {
  font-weight: 700;
  font-size: 62px;
  margin-top: 90px;
}

个字符