:root {

      /* Brand Colors */
    --brand-primary-color:        #183b60; /* Blue */
    --brand-secondary-color:      #21924f; /* Orange */
    --brand-text-color:           #232123; /* Red */
}

.view-category-cms-hero {

    min-height: 250px;
    background-position: center 75%;
    justify-content: left;
    /*align-items: unset;  removes middle positioning */
}

.view-category-cms-hero .bg-opacity {
    background: linear-gradient(
        to right,
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.35),
        rgba(0,0,0,0)
    );
    border: none;
    text-align: left;
    max-width: 50%;
}