/** Shopify CDN: Minification failed

Line 107:1 Expected "}" to go with "{"

**/
.two-images {
  display: flex;
  flex-direction:column;
  justify-content: space-between;
  background-color:#000;
  grid-column-gap: 0.5rem;
  overflow:hidden;

}

.two-images__item {
  width: 100%;
  min-height: 500px;
}

@media (min-width: 992px) {
  .two-images {
    flex-direction:row;
    height: 95vh;
    max-height: 1100px;
    min-height: 730px
}
  .two-images__item {
  width: 50%;
}
}

.two-image-bg {
  position: absolute;
  z-index:10;
  top:0;
  right: 0;
  width:100%;
  height: 100%;
  filter: brightness(25%) blur(3px);
  background-color: #000;
  background-position: 0 10%;
  background-size: 200%;
}

.two-images__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding:25px;
}

.two-images__item .image-item {   
  display:flex;
  justify-content: center;
  max-height: 90%;
  max-width: 100%;
  transition: all .4s;
  position: relative;
  z-index:20;
}

.two-images__item .image-item img {
  width:100% !important;
  max-height:100% !important;
  box-shadow: 0 0 40px 0 rgba(255, 255, 255, 0.4);
  object-fit: contain;
  transition: all .4s;
}

.two-images__item .image-item:hover img {
  filter: saturate(137%);
  transform: scale(1.03);
  box-shadow: 0 0 60px 0 rgba(255, 255, 255, 0.8);
}

.two-images__item.image-item-left .two-image-bg {
   background-position: 50% 0%;
}

.two-images__item.image-item-right .two-image-bg {
  background-position: 50% 100%;
}
@media (min-width: 992px) {
  .two-images__item.image-item-left .two-image-bg {
   background-position: 0% 50%;
}

.two-images__item.image-item-right .two-image-bg {
  background-position: 100% 50%;
}


@media (min-width: 992px) {
.two-images__item.image-item-left:after {
  content: "";
  height:100%;
  width:8px;
  background-color:#fff;
  position: absolute;
  top: -3px;
  right:0;
  z-index:40;
}
}