.dlm-hero--img{
  position: relative;
  z-index: 1;
  background: var(--c-page-below, #d9f0fa);
  overflow: hidden;
}

/* <picture> en bloque para evitar espacios y que sea 100% ancho */
.dlm-hero--img picture{
  display: block;
  width: 100%;
  line-height: 0;
}

/* La imagen ocupa todo el ancho y su altura se ajusta por proporción */
.dlm-hero__img{
  display: block;
  width: 100%;
  height: auto;           /* <- clave para NO recortar y evitar bandas laterales */
}