*, ::after, ::before {
    box-sizing: unset;
  }

  .item {
    display: flex;
    align-items: center;
    box-shadow: 5px 5px 25px #ccc;
    margin-bottom: 40px;
  }
  
  .item.store {
    flex-direction: row-reverse;
  }
  
  .item .text {
    width: 44%;
    padding: 1% 5%;
  }
  
  .item .text h3 {
    margin-bottom: 30px;
  }

  .item .img {
    /* width: 56%; */
    overflow: hidden;
  
  }
  
  .item.interior .img {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
  }
  
  .item.store .img {
    clip-path: polygon(0 0, 80% 0, 70% 100%, 0 100%);
  }
  
  .item .img img {
    transition: transform 0.8s ease;
  }
  
  .item:hover .img img {
    transform: scale(1,1);
  }
  

  @media (max-width: 768px) {
    *, ::after, ::before {
        box-sizing: border-box;
      }

    .item {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .item.store {
        flex-direction: column;
    }

    .item .text {
        width: 80%;
        padding: 20px;
        font-size: 0.9rem;
    }
    
    .item .img {
        width: 80%;
    }

    .item.interior .img,
    .item.store .img{
        clip-path:  none;
    }
  }