Slideshow: Clickable Images, no button, sizing

[98kag]

Hello, I want to make the vanilla slideshow:

1) Have clickable images that link to product pages, so that I can get rid of buttons 

2) Make the slideshow smaller without breaking the 16:9 aspect ratio.

I added this css to the slideshow element to achieve some of my goals, but it does not work perfectly on all screens:

.banner__media {
  height: 100%;
  padding-bottom: 56.25%;
}
.content-container {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}
.button {
  outline: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.15);
  border: 0;
  box-shadow: 0;
}

Thank you in advance!