@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
    h1{
      font-size:27px;
    }
    h2{
      font-size:25px;
    }
}

body.poster {
    background-attachment: fixed;
}

.top-5 {
    top: 5px;
}
.content {
  border:2px solid #dfdfd3;
  height:100%;
  border-radius: 12px;
  box-shadow: 0 4px 8px #dfdfd3;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.content:hover {
  border:2px solid #dfdfd3;
  box-shadow: 0 8px 16px #dfdfd3;
  transform: translateY(-2px);
}