/* =========================
   ZOHO SITES avatar (circle) - MOBILE FIX
   targets: img.zpimage.zpimage-style-circle
   ========================= */

/* prevent Zoho "original" / inline sizes from blowing up */
img.zpimage.zpimage-style-circle{
  width: 180px;
  height: 180px;
  max-width: 180px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

/* MOBILE */
@media (max-width: 768px){

  /* 1) lock actual image size */
  img.zpimage.zpimage-style-circle{
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
    object-fit: cover !important;
  }

  /* 2) stop wrapper from forcing huge width */
  .zpimage-container,
  .zpimage,
  figure.zpimage-data-ref,
  span.zpimage-anchor,
  picture{
    max-width: 120px !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* very small phones */
@media (max-width: 420px){
  img.zpimage.zpimage-style-circle{
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    min-width: 96px !important;
  }

  .zpimage-container,
  .zpimage,
  figure.zpimage-data-ref,
  span.zpimage-anchor,
  picture{
    max-width: 96px !important;
  }
}