.hasparimg .swrap2{
  position: relative;
}
.hasparimg{
  z-index: 1;
  position: relative; /* Ensure z-index works */
}

/* Stacking Context Helper */
.stacktop {
  position: relative;
  z-index: 50;
}

/* Positioning Container */
.parimg{
  position: absolute;
  z-index: 50;
 /* pointer-events: none;  Good practice: don't let decoration block clicks */
  width: 25%; /* default width */
}
.parimg img{
  width: 100%; /* to occupy all available space inside '.parimg' */
}

/* Axis Positioning */
.parimg[data-x="left"] { left: -2vw; }
.parimg[data-x="right"] { right: -2vw; }
.parimg[data-y="top"] { top: -2vw; }
.parimg[data-y="bottom"] { bottom: -2vw; }
.parimg[data-y="center"] {
  top: 50%;
  transform: translateY(-50%); /* This centers the container */
}
.blo[data-slay="14"] .parimg[data-x="left"][data-y="bottom"]{
  left: 7.6vw;
  bottom: 17vw;
}