/* The two replacement treatment photos on the home page.

   Nothing here but the file names. An earlier version of this sheet also set
   background-size, position and a gradient overlay, and gave .margin a
   position of its own - which re-parented every absolutely positioned child
   inside those panels and shifted the buttons out of line on desktop. The
   panel geometry belongs to the theme stylesheet; the replacement images are
   padded to the exact pixel size of the ones they replace, so the layout is
   identical either way and only the picture changes. */

.implants-wrapp {
  background-image: url("../media/edc-implants-bg.jpg");
}
.invisalign-wrapp {
  background-image: url("../media/edc-ortho-bg.jpg") !important;
}

/* Matches the theme's own breakpoint, which swaps in the mobile crop. */
@media (max-width: 767px) {
  .implants-wrapp {
    background-image: url("../media/edc-implants-mon-bg.jpg");
  }
}