.carousel .item {
  height: 276px;
  
}

.item img {
    position: absolute;
    object-fit:cover;
    top: 0;
    left: 0;
    min-height: 276px;
}

#outerdiv {
width:446px;
height:95px;
overflow:hidden;
position:relative;
}
#innerdiv {
position:absolute;
top:-150px;
left:-30px;
width:500px;
height:500px;
}

.content {
  min-height: calc(100vh - 70px);
}
.footer {
  height: 50px;
}