/* делаем контейнер блока якорем для абсолютного позиционирования */
#recXXXXXX { position: relative; overflow: visible; }

/* аватар: из-за края въезжает и проявляется */
#recXXXXXX .pop-avatar{
  position:absolute;
  left:-140px;          /* ← если нужно с правого края, замени на right:-140px; и убери left */
  bottom:30px;          /* высота от низа блока */
  width:180px;          /* размер PNG */
  opacity:0;
  transform:translateX(-24px);
  transition:transform .6s ease-out, opacity .6s ease-out;
  z-index:80;
}

/* кружок с вопросом */
#recXXXXXX .pop-avatar .q{
  position:absolute; right:-10px; top:-10px;
  width:28px; height:28px; border-radius:50%;
  background:#111; color:#fff; font-weight:700; font-size:16px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 20px rgba(0,0,0,.15);
  transform:scale(.9);
  transition:transform .6s cubic-bezier(.2,.7,.2,1.1) .15s;
}

/* когда блок попадает в зону видимости — показываем */
#recXXXXXX.is-visible .pop-avatar{ opacity:1; transform:none; }
#recXXXXXX.is-visible .pop-avatar .q{ transform:scale(1); }

/* мобайл — помягче/меньше; можно вообще скрыть */
@media (max-width: 960px){
  #recXXXXXX .pop-avatar{ left:-90px; width:140px; }
}