styles.css

.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.scrolling-wrapper .card {
  display: inline-block;
}
.scrolling-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.scrolling-wrapper-flexbox .card {
  flex: 0 0 auto;
  margin-right: 3px;
}
.card {
  width: 100px;
  height: 100px;
  margin: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.card:hover {
  box-shadow: 0px 0px 15px 0px rgba(00,00,00,0.77)
}
.stories-img {
    width: 100%;
}
.scrolling-wrapper,
.scrolling-wrapper-flexbox {
  height: 200px;
  margin-bottom: 20px;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.stories-title {
    font-family: Space Grotesk;
    text-align: center;
    color: #126229;
    font-size: 0.8em;
    font-weight: 600;
}

img {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
}