body{
  background-color: rgb(255, 255, 255);
}
.item-container{
  margin-top: 60px;
  margin-left: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap:10px 20px
}
.item{
  width:307px;
  height:380px;
  border-radius: 8px;
  text-align: center;
  position: relative;
  /* border: black 1px solid; */
}
.item:hover{
  box-shadow: rgb(97, 97, 97) 5px 5px 10px;
}
.item img{
  margin-top: 15px;
  width:300px; 
  max-height: 272px;
}
.item-text{
  position: absolute;
  /* border: black 1px solid; */
  bottom: 0px;
  left:50%;
  transform: translateX(-50%);
  margin-bottom: 5px;
}
.item-name{
  font-size: 1.1em; 
}