Изображение позиционируется на весь экран, а не на родительский блок

<main class="page">
    <div class="page__main-block main-block">
        <div class="main-block__container">
            <div class="main-block__body">
                <h1 class="main-block__title">Finance and Consultancy Solution
                </h1>
                <div class="main-block__text">We know how large objects will act,
                    but things on a small scale.</div>
                <div class="main-block__buttons">
                    <a href="#" class="main-block__button main-block__button_orange">Get Quote Now</a>
                    <a href="#" class="main-block__button main-block__button_border">Learn More</a>
                </div>
            </div>
        </div>
        <div class="main-block__image _ibg"><img src="../my_first_web/source/cover.jpg"></div>
    </div>
</main>
._ibg{
    position: relative;
}

._ibg img{
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
}

.main-block{
    position: relative;
}
.main-block__image{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;

} 

Ответы (0 шт):