.alert {
  padding: 1rem;
  background-color: #cff4fc;
  border-color: #9eeaf9;
  color: #2d2d2d;
  border-radius: 0.5rem;
  margin: 1rem 0;
}

.banner {
  margin: 1rem 0;
  height: 230px;
}

.banner-cite {
  display: block;
  text-align: right;
}

.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prompt {
  margin: 40px;
  display: inline-block;
  position: relative;
  background-color: #e7e7e7;
  padding: 1rem;
}

@media (max-width: 1099px) {
  .prompt {
    margin-left: 0;
    width: 100%;
  }
}
/* CSS for quote bubbles from https://codepen.io/Founts/pen/AJyVOr */
.prompt-left:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: -20px;
  right: auto;
  top: 0px;
  bottom: auto;
  border: 22px solid;
  border-color: #e7e7e7 transparent transparent transparent;
}

.prompt-right:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0px;
  right: -21px;
  bottom: auto;
  border: 20px solid;
  border-color: #e7e7e7 transparent transparent transparent;
}

.quote-wrapper {
  display: flex;
}

.img-response {
  width: auto;
  margin-left: 415px;
}

@media (max-width: 1099px) {
  .img-response {
    width: 100%;
    margin-left: 0;
  }
}

.img-response p {
  margin-bottom: 1rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

#content a.gemini-btn {
  background: #907139;
}

#content a.gemini-btn:hover {
  background: #6d6d6d;
  text-decoration: none;
}