/* Mobile-specific footer image styling for non-home pages */
/* This fixes the rendering issue on mobile devices */

@media screen and (max-width: 767px) {
  /* Remove the problematic order property that causes overlap */
  #w-node-bb966b0f-b5e2-a96c-cfb7-e291a2c1bef0-a2c1bedd {
    order: 0 !important;
  }
  
  /* Left footer image for mobile on non-home pages */
  .footer-page-left-img {
    position: absolute !important;
    left: -12% !important;
    bottom: 0% !important;
    z-index: 1 !important;
    width: 77% !important;
    overflow: visible !important;
    max-width: none !important;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  
  /* Right footer image for mobile on non-home pages */
  .footer-page-right-img {
    position: absolute !important;
    right: -15% !important;
    bottom: -0.3% !important;
    z-index: 1 !important;
    width: 50% !important;
    max-width: none !important;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
}