/* Custom CSS to adjust the headshot image size on the About page */

/* Mobile version - increase size by 15% */
.fe-block-36bebe4199d096101104 {
  /* Expand grid area on mobile to make image bigger */
  grid-area: 17/2/25/9 !important;
  margin-bottom: 23px !important;
}

.fe-block-36bebe4199d096101104 .fluid-image-container {
  /* Ensure the circular clip path is maintained */
  clip-path: circle(50%) !important;
  -webkit-clip-path: circle(50%) !important;
}

/* Align social icons with headshot on mobile */
.fe-block-yui_3_17_2_1_1741626536637_15009 {
  grid-area: 25/2/27/9 !important;
}

/* Desktop version - increase size by 15% */
@media (min-width: 768px) {
  .fe-block-36bebe4199d096101104 {
    /* Expand grid area on desktop to make image bigger */
    grid-area: 3/16/12/22 !important;
    margin-bottom: 18px !important;
  }

  /* Align social icons with headshot on desktop */
  .fe-block-yui_3_17_2_1_1741626536637_15009 {
    grid-area: 12/16/14/22 !important;
  }
}