.my-container-with-sponsor {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}

.my-main-content {
  flex: 1;
}

.my-sponsor-sidebar {
  width: 260px;
  position: sticky;
  top: var(--md-header-height);
  height: fit-content;
}

@media (max-width: 1024px) {
  .my-container-with-sponsor {
    flex-direction: column;
  }
  .my-sponsor-sidebar {
    width: 100%;
    position: static;
  }
}

.sponsor-widget {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.sponsor-widget h1,
.sponsor-widget h2 {
  margin-bottom: 0.5rem;
}

.sponsor-widget a {
  display: block;
  padding: 0.5rem 0;
}

/* Box for each logo */
.sponsor-logo-box {
  width: 160px;        /* maximum width */
  height: 60px;        /* maximum height */
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.sponsor-logo-box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}