.formulation::after {
    color: rgba(52, 166, 214, 0.2);
    content: attr(data-value);
    transform: rotate(-10deg);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 4em;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: auto !important;
    visibility: visible !important;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin: -6% 0 0 9%;
}

.formulation::before {
    content: url(https://classrooms.unad.us/season2021/pluginfile.php/1/theme_lambda/logo/1613404915/logo.png);
    opacity: 0.2;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: auto !important;
    visibility: visible !important;
    left: 55%;
    padding-top: 5%;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media screen and (max-width:1440px) {
    .formulation::after {
        font-size: 3.5em;
    }
    .formulation::before {
        left: 50%;
    }
}

@media screen and (max-width:1366px) {
    .formulation::before {
        left: 48%;
    }
}

@media screen and (max-width:1024px) {
    .formulation::after {
        font-size: 2.5em;
        margin: -6% 0 0 7%;
    }
    .formulation::before {
        left: 44%;
    }
}

@media screen and (max-width:768px) {
    .formulation::after {
        font-size: 2em;
        margin: -6% 0 0 3%;
    }
}

@media screen and (max-width:425px) {
    .formulation::before {
        left: 20%;
    }
    .formulation::after {
        font-size: 2em;
        margin: -10% 0 0 20%;
    }
}

@media screen and (max-width:320px) {
    .formulation::before {
        left: 5%;
    }
    .formulation::after {
        font-size: 2em;
        margin: -10% 0 0 12%;
    }
}