Reduce photo grayscale + opacity on banner image

[BharathASL]

Problem

The banner photo in scss/ui.scss (line 92) has:

filter: grayscale(100%);
opacity: 0.7;

Full desaturation + reduced opacity removes personality from the portfolio — it makes the photo look ghostly and impersonal, which is counterproductive for a personal brand.

Suggested Fix

Soften the effect to retain the moody aesthetic without losing the human element:

filter: grayscale(30%);
opacity: 0.9;

Optionally, on hover, animate to full color:

&:hover {
    filter: grayscale(0%);
    opacity: 1;
}