.jk-hero-media {
  background-image: url("../images/purple-copper-tube-coil.webp");
  background-position: center 53%;
  filter: saturate(.98) contrast(1.03);
}

.jk-hero-shade {
  background:
    linear-gradient(90deg, rgba(8, 16, 17, .95) 0%, rgba(8, 16, 17, .76) 39%, rgba(8, 16, 17, .24) 76%, rgba(8, 16, 17, .1) 100%),
    linear-gradient(0deg, rgba(8, 16, 17, .52), transparent 56%);
}

@media (max-width: 640px) {
  .jk-hero-media {
    background-position: center 52%;
  }
}