figure {
  position: relative;
}

figure button{
  border-radius: 100%;
  border: 0;
  opacity: 1;
}

figure #leftBtn {
  border-radius: 0%;
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 5%;
  background: linear-gradient(to right, rgba(211,211,211, 1) 0%, rgba(211,211,211, 0) 100%);
}

figure #rightBtn {
border-radius: 0%;
  position: absolute;
  top: 0%;
  right: 0%;
  height: 100%;
  width: 5%;
  background: linear-gradient(to left, rgba(211,211,211, 1) 0%, rgba(211,211,211, 0) 100%);
}

figure #leftBtn2 {
  border-radius: 0%;
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 5%;
  background: linear-gradient(to right, rgba(211,211,211, 1) 0%, rgba(211,211,211, 0) 100%);
}

figure #rightBtn2 {
border-radius: 0%;
  position: absolute;
  top: 0%;
  right: 0%;
  height: 100%;
  width: 5%;
  background: linear-gradient(to left, rgba(211,211,211, 1) 0%, rgba(211,211,211, 0) 100%);
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
}