main {
  flex: 1;
}

body {
  background-color: #eef0f1;
  min-height: 100vh;        /* full height of screen */
  display: flex;            /* enable flexbox */
  flex-direction: column;   /* stack header, main, footer */
  margin: 0;
}

footer {
  margin-top: auto;
}

.card-body {
  display: flex;
  flex-direction: column;
}

.card-body .btn {
  margin-top: auto;
}

.card-img-top {
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-bottom: 2px solid #dee2e6;
}

.carousel-inner img {
  height: 100%;         /* fill height of ratio box */
  width: 100%;          /* fill width of ratio box */
  object-fit: contain;  /* keep full image visible, centered */
  object-position: center; /* center image horizontally & vertically */
}