add lightbox for image hover text

how i add a lightbox for image hover text

i tried this code, its not working

check :

<a>" data-elementor-open-lightbox="yes">
			<div class="eihe-box <?php echo $eihe_effect . ' eihe_' . $eihe_align; ?>">
				<?php echo Group_Control_Image_Size::get_attachment_image_html($settings, 'eihe_thumbnail', 'eihe_image'); ?>
				<div class="eihe-caption">
					<div class="eihe-title-cover">
						<?php if($icon_order == 'before' && !empty($icon) && !empty($icon['value'])) { ?><div class="eihe-ileft eihe-icon"><?php Icons_Manager::render_icon( $icon, [ 'aria-hidden' => 'true' ] ); ?> </div> <?php } ?>
						<<?php echo $eihe_tag;?> class="eihe-title"><?php echo $title; ?></<?php echo $eihe_tag; ?>>
						<?php if($icon_order == 'after' && !empty($icon) && !empty($icon['value'])) { ?><div class="eihe-iright eihe-icon"><?php Icons_Manager::render_icon( $icon, [ 'aria-hidden' => 'true' ] );  ?> </div> <?php } ?>
					</div>
					<p><?php echo $desc; ?></p>
				</div>
			</div>
			</a>