Zoom not working

Hi, have images in vertical scrolling div, code for each image is:

    <a target="_blank" href="?plant=alkanna-orientalis-l-boiss" rel="noopener noreferrer">
       <img src="wp-content/uploads/2020/06/Alkanna_orientalis.jpg" alt="Forest">
    </a>

img css

.vert-gallery img {
  border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;   /* Rounded border */
  padding: 5px; /* Some padding */
  width: 280px; /* Set a small width */
}
.vert-gallery img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

This is a list of plant images – not a product list – installed the plugin, would like image to zoom on hover – how can I do this?
Site is still under development.
Thanks for any help