img.hover,
picture.hover {
  transition: visibility 0s, opacity 0.5s linear;
  transition-delay: 0.1s;
  /*visibility: hidden;*/
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
img.org:hover + img.hover,
img.hover:hover {
  transition: visibility 0s, opacity 0.5s linear;
  transition-delay: 0.1s;
  visibility: visible;
  opacity: 1;
  /*display: block;*/
}
.field-field-product-width,
.field-field-product-depth,
.field-field-product-length {
  display: inline;
}
.col12,
.col6,
.col4 {
  position: relative;
}
picture.org:hover + picture.hover,
picture.hover:hover {
  /*display: block;*/
  transition: visibility 0s, opacity 0.5s linear;
  transition-delay: 0.1s;
  visibility: visible;
  opacity: 1;
}

picture.org.col-1 {
  display: none;
}
.grid-1-cols picture.org.col-1 {
  display: block;
}
.grid-1-cols img.org,
.grid-1-cols img.hover {
  display: none;
}


@media only screen and (max-width: 600px) {
  img.hover,
  picture.hover,
  img.org:hover + img.hover,
  img.hover:hover,
  picture.org:hover + picture.hover,
  picture.hover:hover {
    visibility: 0;
    display: none;
  }
}