.item:hover:after{
  opacity: 1;
  transform: scale(1);
}

.item:hover {
  transform: scale(1.05);
}

.item-text{
  padding: 1em;
}


.item-img{
  max-width: 100%;
  display: block;
}

.container2{
  width: 95%;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 22px;
}

@media screen and (min-width: 590px) {
  
  .container{
    grid-template-columns: repeat(2, 1fr);

  }
  
}



@media screen and (min-width: 960px) {
  
  .container{
    grid-template-columns: repeat(3, 1fr);
  }
  
}


@media screen and (min-width: 590px) {
  
  .container2{
    grid-template-columns: repeat(2, 1fr);

  }
  
}



@media screen and (min-width: 960px) {
  
  .container2{
    grid-template-columns: repeat(3, 1fr);
  }
  
}