работы с одинаковыми классами js

 .photo { 
    display: inline-block; /* Строчно-блочный элемент */ 
    position: relative; /* Относительное позиционирование */ 
   } 
   .photo:hover::after { 
    content: attr(data-title); /* Выводим текст */ 
    position: absolute; /* Абсолютное позиционирование */ 
    left: 20%; top: 30%; /* Положение подсказки */ 
    z-index: 1; /* Отображаем подсказку поверх других элементов */ 
    background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */ 
    font-family: Arial, sans-serif; /* Гарнитура шрифта */ 
    font-size: 11px; /* Размер текста подсказки */ 
    padding: 5px 10px; /* Поля */ 
    border: 1px solid #333; /* Параметры рамки */ 
   }

   <div class="photo" data-title="Это Apple!"><img src="https://infoday.site/wp-content/uploads/2018/05/apple-03.jpg" alt=""></div>