.lotr {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  display: inline-block; 
  overflow: hidden;
     filter: blur(0);
      }
.witcher {
    position: fixed;
  top: 0;
  left: 50%;
  right: 0;
  width: 50%;
  height: 100%;
  display: inline-block; 
  overflow: hidden;
     filter: blur(0);
      }

img {
    object-fit: cover;
  height: 100%;
}

.lotr img {
  transition: 1s; /* Время эффекта */
  display: block; 
}
.lotr img:hover {
  transform: scale(1.2); /* Увеличиваем масштаб */
  filter: blur(5px); /* Размытие изображения */
    transition: 1s;
}

.witcher img {
  transition: 1s; /* Время эффекта */
  display: block; 
}
.witcher img:hover {
  transform: scale(1.2); /* Увеличиваем масштаб */
  filter: blur(5px); /* Размытие изображения */
    transition: 1s;
}

.button {
  position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
  width: auto;
  text-align: center;
  opacity: 0;
  transition: opacity 1s ease;
}
.button a {
  padding: 15px 40px; /* Отступ */
  text-align: center;
  background: linear-gradient(45deg, #f4c430, #ffdc7a); /* Цвет кнопки */
  color: white; /* Цвет текста */
  text-shadow: 1px 1px 1px #000;
  z-index: 1; 
   border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.lotr:hover .button {
  opacity: 1;
}

.witcher:hover .button {
  opacity: 1;
}

.lotr-page {
  background: linear-gradient(45deg, #f4c430, #ffdc7a);
  text-shadow: 1px 1px 1px #000;
   border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);

background: #EC7B66;
background: linear-gradient(135deg, #EC7B66, #2E3E6E);

  height: 380px;
  width: 100%;
    }