.sidebar {
  background-image: linear-gradient(to bottom in hsl, #014f68, #0a2736);
  position: relative;
}

.sidebar::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  aspect-ratio: 0.825;
  width: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjc5IDMzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0iYWJzb2x1dGUgaW5zZXQteC0wIGJvdHRvbS0wIj48cGF0aCBkPSJtMjc5IDIzMS4yMzYtODguNTM2LTczLjI4NEwyNzkgMTA2LjYxNnoiIGZpbGw9InVybCgjYSkiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJtMCAuMjI0IDE5MC40NjQgMTU3LjcyOEwwIDI2OC40MzZ6IiBmaWxsPSJ1cmwoI2IpIiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTE5MC40NjQgMTU3Ljk1MiAwIDI2OC40MzZWMzM4aDI3OVYyMzEuMjM2eiIgZmlsbD0idXJsKCNjKSIgZmlsbC1vcGFjaXR5PSIuNSIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjI0OS4zMDQiIHkxPSIyMzEuMjM2IiB4Mj0iMzAyLjA5NSIgeTI9IjEyMC45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDAyMzNiIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDE2MDdhIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImIiIHgxPSI5NSIgeTE9IjIxMCIgeDI9IjEyOS43NDciIHkyPSIyMy44NzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDE2MDdhIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDE0ZjY4Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSIxNzIiIHkxPSIzMzgiIHgyPSIyMTgiIHkyPSIxNDQuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMwMTYwN2EiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMTlkYjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}