@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
    .main-img{
  min-height: 200px!important;
}
}


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

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

.about-section {
  position: relative;
  background-image: url('your-image.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 100px 20px; /* регулируй по необходимости */
  z-index: 1;
  overflow: hidden;
}

.about-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Уровень затемнения */
  z-index: -1;
}

.img-service{
  width:100px;
  height:100px;
  margin-bottom:15px;
}