/* remove-background-image.php: on top of css/upscale-image.css (same tool layout). */
.bgi-checker { background: #eef1f7 repeating-conic-gradient(#dfe4ee 0 25%, #f6f8fb 0 50%) 0 0 / 22px 22px; }
.bgi-demo { display: grid; grid-template-columns: 1fr 1fr; border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 3;
    box-shadow: 0 30px 70px rgba(5, 10, 40, .45); border: 1px solid rgba(255, 255, 255, .18); }
.bgi-demo-half { position: relative; display: grid; place-items: center; }
.bgi-demo-half .fa { font-size: clamp(90px, 12vw, 170px); line-height: 1; }
.bgi-demo-before { background: linear-gradient(160deg, #7aa7d9 0%, #9fc48d 55%, #5f8a4e 100%); }
.bgi-demo-before .fa { color: #23324d; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .25)); }
.bgi-demo-after .fa { color: #23324d; }
.bgi-demo .up-tag { position: absolute; top: auto; bottom: 12px; }
.bgi-demo .up-tag-l { left: 12px; }
.bgi-demo .up-tag-r { right: 12px; }