#parentbox {
  display: flow-root;
  position: relative;
  width: 365px;
  height: 200px;
  overflow: hidden;
}
#container {
  position: absolute;
  top: 0px;
  width: 365px;
  height: 250px;
}
#topcontainer {
  width: 365px;
  height: 200px;
}
#bottomcontainer {
  width: 365px;
  height: 35px;
  padding-top: 15px;
  background-color: rgb(200 200 200 / 0.8);
  text-align: center;
}
#container:hover {
  top: -50px;
}