body#imagepage .grid,
.acf-block-preview .grid {
  padding: 60px 0;
}
body#imagepage .grid .grid-list,
.acf-block-preview .grid .grid-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
body#imagepage .grid .grid-list.no-animation .item .textcontent-wrapper,
.acf-block-preview .grid .grid-list.no-animation .item .textcontent-wrapper {
  transition: none;
}
body#imagepage .grid .grid-list.cols-2,
.acf-block-preview .grid .grid-list.cols-2 {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 575px) {
  body#imagepage .grid .grid-list.cols-2,
.acf-block-preview .grid .grid-list.cols-2 {
    grid-template-columns: 1fr;
  }
}
body#imagepage .grid .grid-list.cols-3,
.acf-block-preview .grid .grid-list.cols-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 991px) {
  body#imagepage .grid .grid-list.cols-3,
.acf-block-preview .grid .grid-list.cols-3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  body#imagepage .grid .grid-list.cols-3,
.acf-block-preview .grid .grid-list.cols-3 {
    grid-template-columns: 1fr;
  }
}
body#imagepage .grid .grid-list.cols-4,
.acf-block-preview .grid .grid-list.cols-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
  body#imagepage .grid .grid-list.cols-4,
.acf-block-preview .grid .grid-list.cols-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991px) {
  body#imagepage .grid .grid-list.cols-4,
.acf-block-preview .grid .grid-list.cols-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  body#imagepage .grid .grid-list.cols-4,
.acf-block-preview .grid .grid-list.cols-4 {
    grid-template-columns: 1fr;
  }
}
body#imagepage .grid .grid-list.cols-5,
.acf-block-preview .grid .grid-list.cols-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1400px) {
  body#imagepage .grid .grid-list.cols-5,
.acf-block-preview .grid .grid-list.cols-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 1200px) {
  body#imagepage .grid .grid-list.cols-5,
.acf-block-preview .grid .grid-list.cols-5 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991px) {
  body#imagepage .grid .grid-list.cols-5,
.acf-block-preview .grid .grid-list.cols-5 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  body#imagepage .grid .grid-list.cols-5,
.acf-block-preview .grid .grid-list.cols-5 {
    grid-template-columns: 1fr;
  }
}
body#imagepage .grid .grid-list .item,
.acf-block-preview .grid .grid-list .item {
  position: relative;
  aspect-ratio: 1/1;
  background: #D70A1E;
}
body#imagepage .grid .grid-list .item:hover .textcontent-wrapper,
.acf-block-preview .grid .grid-list .item:hover .textcontent-wrapper {
  opacity: 1;
  pointer-events: auto;
}
body#imagepage .grid .grid-list .item img,
.acf-block-preview .grid .grid-list .item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body#imagepage .grid .grid-list .item .textcontent-wrapper,
.acf-block-preview .grid .grid-list .item .textcontent-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 1em;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms;
}
body#imagepage .grid .grid-list .item .textcontent-wrapper .textcontent,
.acf-block-preview .grid .grid-list .item .textcontent-wrapper .textcontent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
}
body#imagepage .grid .grid-list .item .textcontent-wrapper .textcontent .headline,
.acf-block-preview .grid .grid-list .item .textcontent-wrapper .textcontent .headline {
  margin: 0 0 0.5em 0;
}
body#imagepage .grid .grid-list .item .textcontent-wrapper .textcontent .text > p:first-child,
.acf-block-preview .grid .grid-list .item .textcontent-wrapper .textcontent .text > p:first-child {
  margin-top: 0;
}
body#imagepage .grid .grid-list .item .textcontent-wrapper .textcontent .text > p:last-child,
.acf-block-preview .grid .grid-list .item .textcontent-wrapper .textcontent .text > p:last-child {
  margin: 0;
}