Image Hover

<figure class="itooltip itooltip-dark hover-scale rounded group" title='<h5 class="!mb-1">Some Title</h5><p class="!mb-0">Quam Sit Ornare</p>'><a href="#"> <img class="group-hover:scale-105 transition-all duration-[0.35s] ease-in-out" src="../../assets/img/photos/p1.jpg" srcset="../../assets/img/photos/p1@2x.jpg 2x" alt="image"></a></figure>
                      <figure class="itooltip itooltip-light hover-scale rounded group" title='<h5 class="!mb-1">Some Title</h5><p class="!mb-0">Quam Sit Ornare</p>'><a href="#"> <img class="group-hover:scale-105 transition-all duration-[0.35s] ease-in-out" src="../../assets/img/photos/p2.jpg" srcset="../../assets/img/photos/p2@2x.jpg 2x" alt="image"></a>
                      </figure>
                      <figure class="itooltip itooltip-primary hover-scale rounded group" title='<h5 class="!mb-1">Some Title</h5><p class="!mb-0">Quam Sit Ornare</p>'><a href="#"> <img class="group-hover:scale-105 transition-all duration-[0.35s] ease-in-out" src="../../assets/img/photos/p3.jpg" srcset="../../assets/img/photos/p3@2x.jpg 2x" alt="image"></a>
                      </figure>

                      <figure class="overlay overlay-1 hover-scale rounded group"><a href="#"> <img src="../../assets/img/photos/p4.jpg" srcset="../../assets/img/photos/p4@2x.jpg 2x" alt="image"></a>
                        <figcaption class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
                          <h5 class="from-top  !mb-0 absolute w-full translate-y-[-80%] p-[.75rem_1rem] left-0 top-2/4">Some Title</h5>
                        </figcaption>
                      </figure>
                      <figure class="overlay overlay-2 hover-scale color rounded group"><a class="!relative block z-[3] cursor-pointer inset-0" href="#"> <img src="../../assets/img/photos/p5.jpg" srcset="../../assets/img/photos/p5@2x.jpg 2x" alt="image"></a>
                        <figcaption class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
                          <h5 class="from-top !mb-1">Some Title</h5>
                          <p class="from-bottom">Some Description</p>
                        </figcaption>
                      </figure>
                      <figure class="overlay overlay-3 !text-left overlay-gradient-2 hover-scale rounded group"><a class="!relative block z-[3] cursor-pointer inset-0" href="#"> <img src="../../assets/img/photos/p6.jpg" srcset="../../assets/img/photos/p6@2x.jpg 2x" alt="image"></a>
                        <figcaption>
                          <h5 class="from-left !mb-1">Some Title</h5>
                          <p class="from-left  !mb-0">Some Description</p>
                        </figcaption>
                      </figure>

                      <figure class="lift rounded"><a href="#"> <img src="../../assets/img/photos/p6.jpg" srcset="../../assets/img/photos/p6@2x.jpg 2x" alt="image"></a></figure>
                      <figure class="overflow-hidden translate-y-0 group rounded"><a href="#"> <img class="group-hover:scale-105 transition-all duration-[0.35s] ease-in-out" src="../../assets/img/photos/p3.jpg" srcset="../../assets/img/photos/p3@2x.jpg 2x" alt="image"></a></figure>