Hover on bootstrap card overlay
In large projects is important to save as much space as possible.
Your selectors are way to specific for example :
#Projects .card .card-text {}

Whereas this will do:
.card-text {}

If the purpose of this was a different card-text in a different card you can add another class to card-text as a modifier