Как я могу сделать так, чтобы изображение соответствовало ширине и высоте div в HTML и CSS? ⇐ CSS

[Anonymous]

У меня есть контейнер шириной 100%. Затем я добавил левый div 40% и правый div 60%, чтобы сделать ширину 100%. Я добавил изображение в правый элемент div и хотел, чтобы оно соответствовало ширине и высоте элемента div, но вместо этого оно покрывает половину нужной ширины, но соответствует высоте.
В моем CSS я установите ширину и высоту на 100%, чтобы убедиться, что они покрывают всю ширину и высоту. я также добавил object-fit:cover, но все равно не сработало. пожалуйста, помогите.

Код: Выделить всё

.right-section {
position: relative;
width: 60%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
border: 2px solid green;
}
.right-section .dashboard-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}

Код: Выделить всё

[img]https://placehold.co/600[/img]

Customer Management
Manage all customers from individual customers to corporate or group customers.

Подробнее здесь: https://stackoverflow.com/questions/787 ... ml-and-css