/* Иконка */
.gallery-icon {
  width: 60px;
  cursor: pointer;
  margin: 40px;
  border: 3px solid green;
  border-radius: 20px;
}
.gallery-icon:hover {
  border: 4px solid rgb(216, 1, 1);
  border-radius: 50%;
  transform: scale(0.8);
}   

/* Модалка */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
}

/* Контент */
.modal-content {
  position: relative;
  max-width:  85%;
}

/* Картинки */
.carousel img {
  width: 100%;
  display: none;
  border-radius: 10px;
}

.carousel img.active {
  display: block;
}

/* Кнопки */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 60px;
  color: rgb(238, 245, 240);
  cursor: pointer;
  padding: 10px;
  user-select: none;
  z-index: 1001;
}

.prev { left: 2%; }
.next { right: 2%; }

/* Крестик */
.close {
  position: absolute;
  top: -15px;
  right: 0;
  font-size: 40px;
  color: rgb(216, 1, 1);
  cursor: pointer;
}

.modalKarusel{
    position: absolute;
    top: -10%;
    right: 10px;
    width: 100px;
    height: 100%;
    z-index: 10000;
}