.dis-slider-image {
    position: relative;
    width: 100%;
    height: 700px; /* prueba primero con esto */
    overflow: hidden;
}

.dis-slider-items{
    position: absolute;

    z-index: 10;

    inset: 0;

    display: flex;
    flex-direction: column;

    justify-content: center;
    
    color: white;
    

    padding: 30px;
    box-sizing: border-box;
}
.dis-slider-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0)
    );

    z-index: 5;

   
}

.dis-slider{
    width: 100%;
  margin: 0px !important;
  max-width: 100%;
   position: relative;
}

.dis-slider-main-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        opacity 0.6s ease,
        filter 0.6s ease,
        transform 0.6s ease;
}

.image-a {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
    z-index: 1;
}

.image-b {
    opacity: 0;
    filter: blur(8px);
    transform: scale(1.03);
    z-index: 2;
}

.dis-slider-main-image.is-leaving {
    opacity: 0;
    filter: blur(8px);
    transform: scale(1.03);
}

.dis-slider-main-image.is-active {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
}

.dis-slider-main-image.is-entering {
    opacity: 0;
    filter: blur(8px);
    transform: scale(1.03);
}