#conten {
    position: relative;
    overflow: hidden;
}

#bloque1{
    text-align: left;
}

#img1 {
    width: 39%;
    margin-left: 10.5%;
}

#text1 {
    position: absolute;
    margin-left: 11.3%;
    bottom: 10%;
    width: 38.2%;
    color: white;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
}

#img2 {
    width: 50%;
    margin-left: 14%;
    margin-top: -2%;
}

#text2 {
    position: absolute;
    margin-left: 16%;
    bottom: 9%;
    width: 45%;
    color: black;
    font-size: 20px;
    text-align: justify;
}

#bloque2{
    text-align: right;
}

#img3 {
    width: 39%;
    margin-right: 10.5%;
}

#text3 {
    position: absolute;
    right: 11.3%;
    bottom: 10%;
    width: 38.2%;
    color: white;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
}

#img4 {
    width: 50%;
    margin-right: 14%;
    margin-top: -1.1%;
}

#text4 {
    position: absolute;
    right: 16%;
    bottom: -46.5%;
    width: 45%;
    color: black;
    font-size: 20px;
    text-align: justify;
}

#text5 {
    position: absolute;
    margin-left: 13.5%;
    bottom: 0%;
    width: 34%;
    color: white;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    line-height: 97%;
}

#img6 {
    width: 50%;
    margin-left: 14%;
    margin-top: -1%;
}

#text6 {
    position: absolute;
    margin-left: 16%;
    bottom: -101%;
    width: 45%;
    color: black;
    font-size: 20px;
    text-align: justify;
}

#text8 {
    position: absolute;
    right: 16%;
    bottom: -152.6%;
    width: 45%;
    color: black;
    font-size: 20px;
    text-align: justify;
}

#fstory{
    width: 100%;
    margin-bottom: -38%;
}

#story{
    text-align: center;
}

#label1{
    color: #4267a8;
    font-size: 55px;
    font-weight: bold;
    margin-right: 1%;
}

#label2{
    color: #9e3b90;
    font-size: 55px;
    font-weight: bold;
}