.image-section {
    position: relative;
}
.image-section h2, .image-section .h2 {
    margin-bottom: 0;
}

@media (min-width: 768px) {
  .image-section_top {
    width: max-content!important;
    position: absolute;
    left: 24px;
    top: -140px;
    border-radius: 8px 8px 0 0;
  }
  *:has(+ .image-section) {
    padding-bottom: 180px !important;
  }
  .image-section_bottom > div {
    max-width: 60%!important;
  }
}

@media (min-width: 977px) {
  *:has(+ .image-section) {
    padding-bottom: 280px !important;
  }
  .image-section_bottom > div {
    max-width: 50%!important;
  }
  .image-section_top {
    margin-left: max(24px, calc((100vw - 1440px) / 2)) !important;
    left: 0;
  }
  .image-section_bottom {
    align-items: flex-start!important;
    position: absolute;
    bottom: 0;
    left: 0px;
    margin-left: max(24px, calc((100vw - 1440px) / 2)) !important;
  }
  
}

@media (min-width: 1400px) {
    .image-section > div {
        padding-bottom: 40px;
    }
  .image-section_bottom > div {
    max-width: 540px!important;
  }
}