как растянуть фото на половину экрана

Стоит задача - растянуть фото на половину экрана, другой половине принадлежит блок с текстом. На ширине 1440px выглядит все нормально. Выше 1640px между img и блоком появляется белое пространство. Как убрать его? min-width:100% и width:100% не помогают.

HTML:

            <div class="info__items">
                <div class="info__item">
                   <div class="info__img">
                     <img src="img/kar_13.jpg" alt="">
                  <div class="info__overview">
                        // some text
                    </div>
                   </div>
                    
                </div>
                <div class="info__item">
                    // some text
                </div>
            </div>

CSS:

&__items {
    display: flex;
}
&__item {
    width: 50%;
}
&__img {
        min-width: 100%;
        position: relative;
    }
&__img img{
        min-width: 100%;
        max-width:100%;
        height: auto;
        position: relative;
    }
&__item:first-child {
        margin-top: 50px;
        z-index: 1;
        display: block;
        width: 50%;
    }
&__item:last-child {
        background-color: #f4f4f4;
        padding: 50px 25px ;
        height:430px;
        position: relative;
        max-width: 350px;
        margin: 0 auto;
        width: 50%;
}