artists1.css

.artists-container {
  display: flex;
  justify-content: center;
  background-color: #010101;
  color: white;
}

.artist-heading {
  margin-top: 25px;
  align-items: center;
  margin-bottom: 0;
}

.artists-box-container {
  display: flex;
  flex-direction: column;
  background-color: #010101;
}

.artists-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #010101;
}

.artist-box {
  align-items: center;
  width: 20rem;
  height: 25rem;
  padding: 1.5%;
  margin: 1.5%;
  color: white;
  background-color: #010101;
}

.artist-pic {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.artist-pic img {
  object-fit: contain;
}
.artist-name {
  font-size: 1.3rem;
  font-family: "gotham";
  margin-top: 10px;
}

.artist-link {
  margin: 25px;
}

@media only screen and (max-width: 1000px) {
  .artists-box {
    display: flex;

    align-items: center;
  }
  .artist-box {
    display: flex;
    width: 15rem;
  }
  .artist-pic {
    width: 100%;
    height: 20rem;
    overflow: hidden;
  }
}

@media only screen and (max-width: 700px) {
  .artists-box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .artist-box {
    display: flex;
    width: 15rem;
  }
}