fix image inside the container

Question

How do I fit my image inside the container so it takes full width and height and how to write text our the image can we do these things using bootstrap

https://code.sololearn.com/W8V536cns7p5/?ref=app

Answer 1

Set image as container background

Answer 2

img{
width:100%;
height:100%:
object-fit: cover;
}

you can add this style, 100% always take available parent space

Answer 3

Calviղ thanks it's work