.archive__item {
    display: grid;
    grid-template-columns: 50% 44%;
    align-items: center;
    gap: 6%;
    margin-bottom: 40px;
}

.archive__img {
    height: 450px;
    overflow: hidden;
    border-radius: 6px;
}

.archive__img-img {
    height: 100% !important;
    object-fit: cover;
    width: 100%;
    transform: scale(1.0);
    transition: all 1s ease;
}

.archive__img :hover .archive__img-img {
    transform: scale(1.2);
    transition: all 1s ease;
}

@media(width <= 768px) {
  
    .archive__item{
      display: block;
    }
  
    .archive__img{
      height: 320px;
    }
  }