.lifestyle-desktop {
  display: flex;
}
.lifestyle-mobile {
  display: none;
}
.lifestyle-images {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3px;
}
.lifestyle-image {
  background-size: cover;
  margin-bottom: 3px;
  cursor: pointer;
}
.lifestyle-desktop-image {
  width: 400px; /* ie-11 */
  height: 400px;
  width: calc(calc(100vw / 3) - 2px);
  height: calc(calc(100vw / 3) - 2px);
}
.lifestyle-mobile-image {
  width: calc(50vw - 1.5px);
  height: calc(50vw - 1.5px);
}

@media (max-width: 767px) {
  .lifestyle-desktop {
    display: none;
  }
  .lifestyle-mobile {
    display: flex;
  }
}