I need to reproduce this div:

It simply has a circle (an emoji for semplicity) on the top, and two texts on the bottom.

I try this but it doesn't work as I expect

.container {
  width: 70px;
  height: 400px;
  background-color: lightgray;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
}

.circle {
  
}

.bottom-container {
  display: flex;
  flex-direction: column;
}

.artist {
  border: 1px solid red;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.number {
  border: 1px solid lime;
}

<div >
  <div >