/* Article-specific visuals only. Shared article layout stays in article.css. */
@import url("./personalized-product-labels.css");

.personalized-labels-article #overview .image-frame,
.personalized-labels-article #how-vdp-works .image-frame { background-image: url("../../../images/article-assets/variable-data-printing/vdp-workflow-printer.png"); }
.personalized-labels-article #comparison .image-frame { background-image: url("../../../images/article-assets/variable-data-printing/vdp-static-versus-variable.png"); }
.personalized-labels-article #fields .image-frame,
.personalized-labels-article #materials .image-frame { background-image: url("../../../images/article-assets/variable-data-printing/vdp-industrial-traceability.png"); }
.personalized-labels-article #codes .image-frame,
.personalized-labels-article #quality .image-frame { background-image: url("../../../images/article-assets/variable-data-printing/vdp-inline-inspection.png"); }
.personalized-labels-article #data-preparation .image-frame,
.personalized-labels-article #planning .image-frame,
.personalized-labels-article #handover .image-frame { background-image: url("../../../images/article-assets/variable-data-printing/vdp-data-proofing.png"); }

.personalized-labels-article #overview .image-frame,
.personalized-labels-article #how-vdp-works .image-frame,
.personalized-labels-article #comparison .image-frame,
.personalized-labels-article #fields .image-frame,
.personalized-labels-article #codes .image-frame,
.personalized-labels-article #data-preparation .image-frame,
.personalized-labels-article #quality .image-frame,
.personalized-labels-article #materials .image-frame,
.personalized-labels-article #planning .image-frame,
.personalized-labels-article #handover .image-frame { background-position: center; background-repeat: no-repeat; background-size: cover; }

.personalized-labels-article #overview .image-frame > img,
.personalized-labels-article #how-vdp-works .image-frame > img,
.personalized-labels-article #comparison .image-frame > img,
.personalized-labels-article #fields .image-frame > img,
.personalized-labels-article #codes .image-frame > img,
.personalized-labels-article #data-preparation .image-frame > img,
.personalized-labels-article #quality .image-frame > img,
.personalized-labels-article #materials .image-frame > img,
.personalized-labels-article #planning .image-frame > img,
.personalized-labels-article #handover .image-frame > img { opacity: 0; }