Check out example codes for "hover on father elemet activates a child element css". It will help you in understanding the concepts better.

Code Example 1

projetos-hover is father; projetos-hover-text is the child
When hover on the father use ">" to aply on a child

.projetos-hover-text {
  transform: translateY(-50%);
  transition: all 0.2s ease 0s;

.projetos-hover:hover > .projetos-hover-text {
  transform: translatey(+5%);

Learn ReactJs, React Native from