.search-box {
  width: 100%;
  margin: 30px auto;
}

.search-box input {
  border-radius: 20px;
  font-size: 25px;
  width: 50%;
  border: none;
}

.display-box {
  width: 100%;
}

.box {
  max-width: 24.3%;
  overflow: hidden;

}

.box:hover .overlay{
    bottom: 0px;

}

.box img {
  width: 100%;
  border-radius: 10px;
}

.overlay {
  bottom: -100%;
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  
}