.image-wrap-2 {
  display: block;
  overflow: hidden;
  top: 0;
  left: 0;
  margin-bottom: 0px; }
  .image-wrap-2:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0);
    transition: .3s all ease; }
  .image-wrap-2 img {
    transition: all .3s ease-in-out; }
  .image-wrap-2:hover img {
    filter: blur(9px) brightness(0.6);
    transform: scale(1.03);
}
  .image-wrap-2 .image-info {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%); }
    .image-wrap-2 .image-info h3 {
      color: #fff; }



.btn {
  border-radius: 0; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none;
    box-shadow: none; }
  .btn.btn-black {
    color: #fff;
    background-color: #000; }
    .btn.btn-black:hover {
      color: #000;
      background-color: #fff; }


.btn-outline-white {
  border-color: #fff;
  color: #fff;
  border-width: 1.5px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: .1em; }
  .btn-outline-white:hover {
    background: #fff;
    color: #000; }


@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#contents {
  opacity: 0;
  animation: fadeIn 1s ease-out forwards;
}