.form-control {
    border: 3px solid black;
}

.mtgcard {
  position: relative;
  display: inline-block; /* Keeps the container the exact size of the image */
}

.mtgcard img {
  display: block;        /* Removes unwanted whitespace below the image */
  width: 100%;           /* Ensures the image responds to container sizing */
  height: auto;
}

.card-meta {
position: absolute;
  bottom: 0;
  right: 0;
  width: 10;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  padding: .2em;
  box-sizing: border-box;
  text-align: right;
  margin-right: .5em; 
}