/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Target images inside the portfolio-image class */
.portfolio-image img {
    /* Apply grayscale and blur filters for black and white, blurred effect */
    filter: grayscale(75%) blur(1.5px); /* Adjust blur value as needed */
    /* Transition effect for smooth animation */
    transition: filter 0.5s ease;
}

/* On hover, remove the filters to show the image in clear color */
.portfolio-image:hover img {
    filter: grayscale(0) blur(0);
}