.adopt-container {
  background-color: var(--color-cream);
  opacity: .9;
}

.adoptable-dogs-container {
  position: relative;
  display: flex;
  justify-content: left;
  padding: 0.5em 0.25em 1em;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--color-cream);
}

.no-dogs-msg {
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 1.5em;
  height: 60vh;
  text-align: center;
  color: red;
  line-height: 1.5em;
  box-shadow: inset 0 0 15px rgba(83, 33, 5, .8);
  margin: 0.5em 0.5em 0 0.5em;
 
}

.card-wrapper {
  padding: 0 0.5em 1em;
}

.adopt-dog-card {
  display: flex;
  justify-content: center;
}

.adopt-dog-img {
  height: auto;
}

.card-body {
  display: inline-block;
  width: 75%;
  position: relative;
  top: -3rem;
  margin: 0 auto;
  background-color: #ffa;
  padding: 1em;
  opacity: .80;
  text-align: center;
}

.card-title {
  color: tomato;
  font-weight: bold;
}