Эффект наведения на изображение / текст как (Интернет)

Я пытаюсь сделать эффект наведения, где после наведения изображение тускнеет, а текст будет ярким. Хотя затемнение изображения работает, непрозрачность текста не меняется. Может кто-нибудь посмотреть? Мой сайт - https://www.hirooaoy.com/

Вот код:

.image-overlay:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.8);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 0.3s;
}

.sqs-dynamic-text {opacity: 0.2;}

.image-overlay:hover:after{
    opacity: 1;
}

.image-overlay:hover:after .sqs-dynamic-text{
  opacity: 0.8;
}