<div>
    <style>
        .cargador1{
            background: linear-gradient(90deg, rgba(255,30,0,0.3701855742296919) 0%, rgba(156,70,59,0.7315301120448179) 0%, rgba(51,74,128,0.8183648459383753) 100%);
        }
        .cargador2{
            background: linear-gradient(90deg, rgba(255,132,0,1) 0%, rgba(255,199,56,1) 35%, rgba(249,255,0,1) 100%);
            margin-left:-30px !important;
        }
    </style>
    <div class="row">
        <div class="col-12">
                <br><a href="/perfil"><h1 style="color:#fff;font-size: 24px;"><img src="imagenes/astronauta1.png" width="30px"> <b> MI PERFIL</b></h1></a>
        </div>
    </div>
    <div class="row" style="border-radius:30px;">
        <div class="col-2">
            <div class="cargador1" align="center">
                Hola
            </div>
        </div>
        <div class="col-10">
            <div class="cargador2">
                Hola
            </div>
        </div>
    </div>
</div>