.fa-eye-slash,
.fa-eye {
    color: var(--color1);
    position: absolute;
    transform: translateX(315px) translateY(2px);
}

@media screen and (max-width: 250px) {
    .fa-eye-slash,
    .fa-eye {
        right: 7%;
    }
}

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

    .fa-eye-slash,
    .fa-eye {
        right: 5%;
        transform: translateX(0px) translateY(-2px);
    }
}

@media screen and (min-width: 525px) and (max-width: 700px) {

    .fa-eye-slash,
    .fa-eye {
        right: 5%;
        transform: translateX(0px) translateY(2px);
    }

}