.wm{
  position: absolute;
  width: 95%;
  height: 100px;
}

.wm img{
  position: absolute;
  margin: 0 auto;
  bottom: 0;
  z-index: -420;
}

#wm_about_L{
  position: absolute;
  left: 0;
  top: 950px;
  z-index: -420;
}

/*
  ABOUT RIGHT IMAGE
  Keep it as a normal image at the bottom (no absolute positioning, no negative z-index).
  Works with your current markup:
    <figure id="wm_about_R" class="wp-block-image ..."> ... </figure>
*/
#wm_about_R{
  position: relative;
  z-index: auto;
  margin: 28px auto 0;
  width: min(520px, 90%) !important; /* override inline resized width on the figure */
  max-width: 520px;
}

/* Never distort */
#wm_about_R img{
  width: 80% !important;
  height: auto !important;
  display: block;
	margin: 0 auto;
}

#Orders{
  position: absolute;
  right: 0;
  top: 250px;
  z-index: -420;
  background: var(--blue);
}