@media (max-width: 768px) {
  .site-css img {
    max-width: 100%;
  }

  .site-css ul {
    margin-left: -1.5rem;
  }

  .blogs-wrapper h3 {
    font-size: 22px;
    line-height: 30px;
  }

  .course-main img:not(.prowadzacy-image) {
    width: 100% !important;
  }

  .course-main .prowadzacy-image img {
    width: auto !important;
  }

  .course-prowadzacy {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    width: 100%;
  }

  .course-prowadzacy .prowadzacy {
    flex: 0 1 calc(50% - 20px); /* dwa w rzędzie z odstępem */
    max-width: 400px; /* opcjonalnie ogranicz szerokość */
    box-sizing: border-box;
  }





}
/* NIE MOBILE */

.site-main-content {
  max-width: 80%;
  margin: 0 auto;
}