.container_triangulos {
    position: absolute;
    top: 0;
    left: 5vw;
}
.triangulo_azul {
    width: 90vw;
    height: auto;
    
}
.triangulo_gris {
    width: 20vw;
    top: 0;
    left: 74%;
    position: absolute;
}
@media (min-width: 600px) {
    
    
    .container_triangulos {
        position: absolute;
        top: 0;
        left: -1%;
        
    }
    .triangulo_azul {
        width: 65vw;
        height: auto;
    }
    .triangulo_gris {
        width: 30vw;
        top: 0;
        left: 60%;
        position: absolute;
    }
    

}
@media (min-width: 800px) {
    
    .triangulo_azul{
        width: 50vw;
    }
    .triangulo_gris {
        width: 25vw;
        top: 0;
        left: 30%;
    }
    
}
@media (min-width: 1024px) {
    
    .triangulo_azul{
        width: 48vw;
    }
    .triangulo_gris {
        width: 20vw;
        top: 0;
        left: 30%;
    }
    
}
@media (min-width: 1280px) {
    
    .triangulo_azul{
        width: 43vw;
    }
    .triangulo_gris {
        width: 20vw;
        top: 0;
        left: 35%;
    }
}