I really liked the way you have used the cards in desktop and mobile views. I have a small suggestion in case you would accept one.
In the Research and Highlights, you could probably change the hover effect. Rather than having the image change from grey-scale only changing upon hovering the image, you could have it on the entire card. The same could apply for the text too.
If that interests you, you could just move the grey-filter class from the a-tag into the div tag above it. (i tried it in the research page)
- Code: Select all
<div class="card h-100 shadow grey-filter">
<div class="card-body border-top d-flex justify-content-center align-items-center">
That will make the image turn to color even on hovering on the card. I hope you find this useful.
Nice and simple design.