@media (min-width: 48em) {
  .sidebar {
    width: 22rem;
  }
}

.sidebar {
  text-align: center;
  padding: 2rem 1rem;
  color: rgba(255, 255, 255, .5);
  background-color: #000000;
}

/* Sidebar image */
.sidebar-image {
  display: block;
  width: 400px;
  /* Adjust as needed */
  height: auto;
  /* Maintain aspect ratio */
  margin: 2rem auto 10rem;
  /* Center and add space below */
  /* border-radius: 50%; /* Optional: make it circular */
}