.dosing-page .div-relative .e-con-inner {
    position: relative !important;
}

/* Tablet styles */
@media screen and (min-width: 769px) and (max-width: 876px) {
    .dosing-page .callout-container .callout-container-column2 .elementor-widget-container {
        padding-left: 0 !important;
        padding-top: 40px !important;
    }

    .dosing-page .callout-container .callout-container-column1 img {
        max-width: 90% !important;
    }

    .dosing-page .callout-container .callout-container-column1 {
        top: -35px !important;
    }
}


@media (max-width: 876px) {
  .callout-container {
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
  }

  .callout-container-column1 {
    position: absolute !important;
    top: -50px !important; /* Adjust how much the image overlaps */
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
    width: auto !important;
  }

  .callout-container-column1 img {
    max-width: 100% !important; /* Resize for mobile */
    height: auto !important;
    display: block !important;
  }

  .callout-container-column2 {
    margin-top: 40px !important; /* Push text down to avoid overlap */
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    text-align: center !important;
  }
}