.gallery > img {
  width: 10vw;
  margin: 0px !important;
  padding: 0px !important;
  cursor: pointer;
}

.gallery-display {
  background: black;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  z-index: 9999999;
  width: 100%;
  height: 100vh;
  left: 0px;
  top: 0px;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  display: none;
}

.gallery-image {
  max-width: 100%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

.gallery-close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  color: white;
  top: 0px;
  right: 0px;
  width: 3rem;
  height: 3rem;
  opacity: 0.5;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-8 -8 32 32\' fill=\'%23fff\'%3e%3cpath d=\'M9.09122 7.50024L13.8989 2.69259L14.8903 1.70115C15.0366 1.55489 15.0366 1.31723 14.8903 1.17097L13.8295 0.11016C13.6832 -0.0360948 13.4456 -0.0360948 13.2993 0.11016L7.50023 5.90925L1.70115 0.109691C1.55489 -0.0365637 1.31723 -0.0365637 1.17097 0.109691L0.109691 1.17051C-0.0365636 1.31676 -0.0365636 1.55442 0.109691 1.70068L5.90925 7.50024L0.109691 13.2993C-0.0365636 13.4456 -0.0365636 13.6832 0.109691 13.8295L1.17051 14.8903C1.31676 15.0366 1.55442 15.0366 1.70068 14.8903L7.50023 9.09122L12.3079 13.8989L13.2993 14.8903C13.4456 15.0366 13.6832 15.0366 13.8295 14.8903L14.8903 13.8295C15.0366 13.6832 15.0366 13.4456 14.8903 13.2993L9.09122 7.50024Z\'/%3e%3c/svg%3e');
}

.gallery-close:hover {
  opacity: 1;
}


.gallery-prev,
.gallery-next {
  position: absolute;
  width: 3rem;
  height: 3rem;
  color: white;
  top: 50%;
  width: 3rem;
  height: 3rem;
  margin-top: -1.5rem;
  opacity: 0.5;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
}

.gallery-prev:hover,
.gallery-next:hover {
  opacity: 1;
}

.gallery-prev {
  left: 0px;
  background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23fff\'%3e%3cpath d=\'M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\'/%3e%3c/svg%3e');
}

.gallery-next {
  right: 0px;
  background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23fff\'%3e%3cpath d=\'M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\'/%3e%3c/svg%3e');
}

@media (max-width: 576px) {
  .gallery > img {
    width: 100vw;
  }
}