/* Last-Modified: Sat, 1 Jan 2000 10:00:30 GMT [ver: ] */
/* Current-Time:Wed, 14 Oct 2026 18:39:06 -0500*/
.artwork-item {
  position: relative;
  display: inline-block;
  padding: 10px; /* Отступы вокруг изображения, создающие рамку */
  background-color: black; /* Цвет рамки */
  box-sizing: border-box; /* Учитываем отступы в размерах элемента */
}

.artwork-item img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease; /* Плавное исчезновение изображения при наведении */
}

.artwork-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* Полупрозрачный черный фон */
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0; /* Изначально текст скрыт */
  transition: opacity 0.3s ease;
}

.artwork-item .overlay p {
  color: white;
  font-size: 16px;
  text-align: center;
}

.artwork-item:hover img {
  opacity: 0; /* Исчезает изображение при наведении */
}

.artwork-item:hover .overlay {
  opacity: 1; /* Текст появляется при наведении */
}