main .-mx-4 {margin: 0 100px;}
  .node-type-universal main div aside:first-of-type { display: none;}
  aside {padding-left: 20px !important;}
  aside.p-4, aside.p-4.md\:w-1\/4  {display: none !important;}
  main aside:first-of-type { display: none;}
.align-left .field-media-image {margin-right: 25px;}
/*
figure figcaption:not(.banner-image-or-video-section figure figcaption,.paragraph--type--carousel figure figcaption.paragraph--type--carousel figure figcaption,#inset-image-section figure figcaption) {
    display: block !important;
}
*/
/* 1. Tell the figure to tightly wrap its block children */
figure.image_resized {
  display: block !important;
  width: fit-content !important;    /* Shrinks the container to its content bounds */
  max-width: 100% !important;
  margin-left: 0;
  margin-right: auto;
}

/* 2. Target the element carrying Drupal's explicit inline width */
figure.image_resized > div[data-media-width] {
  /* This element already has something like style="width:427px" from Drupal */
  max-width: 100% !important;
}

/* 3. Force the caption to inherit its width from the parent container */
figure.image_resized figcaption {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  
  /* Forces text to wrap onto a new line instead of stretching the box */
  white-space: normal !important; 
  word-break: break-word;
}

/* 4. Keep our line-height/font-size gap fixes intact */
figure.image_resized .field-media-image {
  line-height: 0 !important;
  font-size: 0 !important;
}

figure.image_resized .field-media-image img {
  display: block !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important; /* Ensures the img fills the data-media-width box perfectly */
  height: auto !important;
}