ItemOverlay with main (over-layed) image link

Hello, is it possible to do item overlay and keep link to work when clicked outside of overlay icons?

e.g.,

                                    [
![attachment](~/ProductData/ProductImages/thumbs/vertical270/@product.Image)
](/details/@Model.ProductType.UrlFriendlyName/@product.UrlFriendlyName/@product.AltProductId)
                                    
                                        
                                            [](~/ProductData/ProductImages/@product.Image)
                                            [ The colour has been added!" 
                                               onclick="addSample('@product.Id', '@product.Name', '@product.Image', @product.ProductTypeId); SEMICOLON.Modules.notifications(this); return false;"
                                               data-bs-toggle="tooltip" data-bs-placement="top" title="Add to Order Sample">](#)
                                            [](/details/@Model.ProductType.UrlFriendlyName/@product.UrlFriendlyName/@product.AltProductId)
                                        
                                    
                                

Thanks
Julia