@media (max-width: 767.98px) {
  figure.position-absolute.bottom-0.end-0 {
    position: static !important; /* or relative */
    margin: 0;
  }
}

@media (max-width: 767.98px) {
  /* Target that figure or the img specifically */
  figure.position-absolute.top-0.end-0.me-n7 img[src*="bulbblue.svg"] {
    width: 2rem !important;   /* or 3rem, if you want it slightly bigger */
    height: auto !important;  /* maintain aspect ratio */
    /* Move the bulb if needed */
    right: 0 !important;
    left: auto !important;
    top: 0 !important;
    /* If you want it slightly down from the top, add e.g. top: 1rem; */
  }

  /* If the figure has an inline width style, override it too */
  figure.position-absolute.top-0.end-0.me-n7 {
    width: auto !important;
    /* If the figure disappears, ensure it's not hidden by transforms or negative margins. 
       For example, remove or reduce me-n7 on small screens: */
    margin-right: 0 !important;
  }
}

@media (max-width: 500px) {
  /* Adjust 400px or the breakpoint you want */
  .force-break::after {
    content: "";
    display: block;
  }
}