@media (max-width: 991px) {
  .nav-item::after {
    display: none;
  }
  .nav-link:hover {
    color: var(--main-color) !important;
  }
  .bg-sidebar {
    background-color: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(35px);
    height: 100vh;
  }
  .about__info-image{
    width: 50% !important;
  }
}
@media screen and (max-width: 767px) {
  .about__info-image{
    width: 40% !important;
  }
}
.about__info-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
@media (min-width: 992px) {
  .about__info-image{
    width: 40% !important;
  }
}