.banner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .banner {
    flex-direction: row;
  }
}
.banner__image {
  align-self: center;
  height: 20rem;
  width: 113%;
  overflow: hidden;
  display: flex;
}
.banner__image img {
  width: 15rem;
  height: 15rem;
  margin-top: 2rem;
  margin-left: 2rem;

  /* height: auto; */
}
@media screen and (min-width: 768px) {
  .banner__image {
    height: 13.96rem;
    width: 18.52rem;
    flex-shrink: 0;
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
  }
  .banner__image img {
    width: 12.3rem;
    height: 12.3rem;
    margin-top: 0rem;
    margin-left: 1rem;

    /* height: auto; */
  }
}

.banner__text-container {
  align-self: flex-start;
  margin-left: 3rem;
}
@media screen and (min-width: 768px) {
  .banner__text-container {
    margin-left: auto;
    align-items: flex-end;
    margin-top: auto;
    margin-bottom: 0.5rem;
  }
}
.banner__text-container-title {
  font-size: 1.09rem;
  line-height: 120%;
  font-weight: 600;
  color: #2d2d2d;
}
@media screen and (min-width: 768px) {
  .banner__text-container-title {
    font-size: 1.2rem;
    letter-spacing: -2%;
  }
}
.banner__text-container-description {
  font-size: 0.727rem;
  width: 11.909rem;
  margin-top: 0.5rem;
  color: #2d2d2d;
}
@media screen and (min-width: 768px) {
  .banner__text-container-description {
    font-size: 0.45rem;
    width: auto;
  }
}