Answers for "css grid without same height"

css grid make all rows same height

grid-auto-rows: 1fr;

css grid not taking full row height

.img_container{
    height: 50%; // or whatever value just make sure you give your parent a height
    width: 100%;
    background: url('link to your image') 50% no-repeat;
    background-size: cover;
 }