.image-item {
    cursor: pointer;
  }
  .image-item img {
    border: 1px solid #dee2e6;
    border-radius: .9375rem;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 145, .15);
    opacity: 0.5;
    transition: opacity 0.15s linear;
    -o-object-fit: contain;
       object-fit: contain;
   width: 108px;
   height: 108px;
  }
  .image-item:hover img, .image-item.active img {
    opacity: 1;
  }
  .image-item.active {
    cursor: default;
  }
  
  .qrimg img {
    
      border: 1px solid #dee2e6;
      
     width: 100px;
     height: 100px;
    }
  
  .button--add-to-cart {
    margin-top: 1rem;
  
  }