title: add an onclick event to carousel container
body: <p>How do I add an onclick event (e.g. go to a specific url) to "11-Carousel-Card-Photo1.png" image?
  The png is inside a carousel container and I can't seem to make the image clickable.</p>
  
  <pre><code>  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
    &lt;img class="fullpage" src="05-Full-Page-Card-Images.png"/&gt;
  &lt;div class="carousel-container2"&gt;
      &lt;img class="carousel2" src="06-Carousel-Chips.png"/&gt;
    &lt;/div&gt;
  &lt;/div class="container"&gt;
  &lt;img class="fullpage" src="05-Full-Page-Card-Images.png"/&gt;
    &lt;div class="carousel-container"&gt;
  &lt;img class="Photo1" src="11-Carousel-Card-Photo1.png"/&gt;
  &lt;img class="Body1" src="12-Carousel-Card-Body1.png"/&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>