.latestoffers{ 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.latestoffers .lo-item {
      text-align: center;
    }
.latestoffers .lo-carimg{
  height: 200px;
  max-height: 415px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.latestoffers .lo-carimg a{
  display: block;
  width: auto;
  transform-style: preserve-3d;
  height: 415px; 
  transition: transform 1.5s cubic-bezier(.25,.46,.45,.94);
  transform: scale(1.01);
  transform-origin: center; 
  background-size: contain;
  background-repeat: no-repeat;
}
.latestoffers .lo-carimg a:hover{
 transform: scale(1.07);
}
.latestoffers .last-lo-item {
/*   grid-column: 3 / 2; /* Center the item in the second column */ */
}
.latestoffers .lo-cartxt h4{
  margin-bottom: 15px; 
  font-weight: 600;
}
.latestoffers .lo-cartxt .lo-desc{
  color: #6e6e6e;
  font-weight: 500;
}

@media(max-width: 728px){
  .latestoffers{ 
    display: block;
    width: 100%;
  }
  .latestoffers .lo-item{ 
    margin-bottom: 40px;
  }
}