.contenedor-1{
    position: relative;
    display: flex;
    justify-content: center;
    top: 5.5vw;
    height: 21vw;
    background-color: var(--color-background);
}
.imagen-historia-01{
    position: absolute;
    top: 3vw;
    left: 16vw;
    height: 17vw;
    width: 30vw;
    object-fit: cover;
}
.titulo-historia{
    position: absolute;
    top: 6vw;
    left: 54vw;
    font: 600 2.25vw 'Montserrat', sans-serif;
    color: var(--color-primary);
}
.texto-historia-01{
    position: absolute;
    top: 9vw;
    left: 54vw;
    width: 30vw;
    font: 200 1vw 'Inter', sans-serif;
    text-align: justify;
    color: var(--color-primary);
}
.contenedor-2{
    position: relative;
    display: flex;
    justify-content: center;
    top: 5.5vw;
    height: 23vw;
    background-color: var(--color-background);
}
.texto-historia-02{
    position: absolute;
    top: 0vw;
    left: 16vw;
    width: 30vw;
    font: 200 1vw 'Inter', sans-serif;
    text-align: justify;
    color: var(--color-primary);
}
.imagen-historia-02{
    position: absolute;
    top: -1vw;
    left: 54vw;
    height: 21vw;
    width: 30vw;
    object-fit: cover;
}
.contenedor-imagen{
    position: relative;
    display: flex;
    justify-content: center;
    top: 5.5vw;
    height: 21vw;
    background-color: var(--color-background);
}
.imagen-historia-03{
    height: 18vw;
    width: 69vw;
    object-fit: cover;
}

@media only screen and (max-width: 768px) {

    .contenedor-1{
        position: relative;
        top: 20vw;
        height: 107vw;
        background-color: var(--color-background);
    }
    .imagen-historia-01{
        position: absolute;
        top: 18vw;
        left: 0vw;
        height: 54vw;
        width: 100vw;
        object-fit: cover;
    }
    .titulo-historia{
        position: absolute;
        top: 6vw;
        left: 38vw;
        font: 600 6vw 'Montserrat', sans-serif;
        color: var(--color-primary);
    }
    .texto-historia-01{
        position: absolute;
        top: 74vw;
        left: 2vw;
        width: 96vw;
        font: 200 3.6vw 'Inter', sans-serif;
        text-align: justify;
        color: var(--color-primary);
    }
    .contenedor-2{
        position: relative;
        top: 20vw;
        height: 161vw;
        background-color: var(--color-background);
    }
    .texto-historia-02{
        position: absolute;
        top: 76vw;
        left: 2vw;
        width: 96vw;
        font: 200 3.6vw 'Inter', sans-serif;
        text-align: justify;
        color: var(--color-primary);
    }
    .imagen-historia-02{
        position: absolute;
        top: 0vw;
        left: 0vw;
        height: 68vw;
        width: 100vw;
        object-fit: cover;
    }
    .contenedor-imagen{
        position: relative;
        top: 20vw;
        height: 40vw;
        background-color: var(--color-background);
    }
    .imagen-historia-03{
        position: absolute;
        top: 0vw;
        left: 0vw;
        height: 33vw;
        width: 100vw;
        object-fit: cover;
    }
    
}