.panel {
   background-position: top !important;
}

/* md+ */
@media (min-width: 768px) {
  .panel-content.bg-light {
    margin-left: 40%;
    text-align: right;
  }
  
    /* susan */
  #panel-7 .panel-content {
    text-align: left;
  }
  
  #panel-20 .panel-content {
    padding-top: 1rem !important;
  }

}

/* xl+ */  
@media (min-width: 1200px) {
  .panel-content.bg-light {
    background-color: transparent !important;
  }

  .panel-content .content {
    background-color: rgba(var(--bs-light-rgb), none) !important;
    padding: 1rem 0 1rem 1rem;
  }
  
  /* susan */
  #panel-7 .panel-content {
    text-align: left;
    max-width: 32%;
    float: right;
  }
}