.card {
    background-color: rgba(255,255,255,0.2)
}
.hinhChua {
    bottom: 0;
    left: 10%;
    height: auto;
    width: 45%
}
.hinhLogo {
    top: 2%;
    left: 1%;
    height: auto;
    width: 15%
}
.hinhChu {
    top: 2%;
    right: 12%;
    height: auto;
    width: 40%;
}
@media (max-width: 390.98px) {
    .hinhChua {
        display: none;
    }
    .hinhChu {
        top: 6%;
        right: 8%;
        height: auto;
        width: 60%;
    }
    .hinhLogo {
        top: 2%;
        left: 1%;
        height: auto;
        width: 30%
    }
}

@media (max-width: 575.98px) and (min-width: 390.98px) {
    .hinhChua {
        display: none;
    }
    .hinhChu {
        top: 6%;
        right: 8%;
        height: auto;
        width: 60%;
    }
    .hinhLogo {
        top: 2%;
        left: 1%;
        height: auto;
        width: 30%
    }
}

@media (max-width: 767.98px) and (min-width: 575.98px) {
    .login {
        margin-left: 100px;
    }
    .hinhLogo {
        top: 2%;
        left: 1%;
        height: auto;
        width: 30%
    }
    .hinhChu {
        top: 10%;
        right: 8%;
        height: auto;
        width: 50%;
    }
    .hinhChua {
        display: none;
    }
}

@media (max-width: 991.98px) and (min-width: 767.98px) {
    .hinhChua {
        bottom: 0;
        left: 5%;
        height: auto;
        width: 50%;
    }
    .hinhLogo {
        top: 2%;
        left: 1%;
        height: auto;
        width: 25%
    }
    .hinhChu {
        top: 10%;
        right: 12%;
        height: auto;
        width: 50%;
    }
}

@media (max-width: 1199.98px) and (min-width: 991.98px) {
    .hinhLogo {
        top: 2%;
        left: 1%;
        height: auto;
        width: 20%
    }
    .hinhChua {
        bottom: 0;
        left: 10%;
        height: auto;
        width: 60%
    }
    .hinhChu {
        top: 10%;
        right: 6%;
        height: auto;
        width: 40%;
    }
}

@media (max-width: 1399.98px) and (min-width: 1199.98px) {
    .hinhLogo {
        top: 2%;
        left: 1%;
        height: auto;
        width: 20%
    }
    .hinhChua {
        bottom: 0;
        left: 10%;
        height: auto;
        width: 60%
    }
    .hinhChu {
        top: 5%;
        right: 6%;
        height: auto;
        width: 40%;
    }
}