img {
    display: block;
    max-width: 100%;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

* {
  box-sizing: border-box;
}
.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  overflow-y: auto;
}
.modal {
  margin: 30px auto;
  position: relative;
  max-height: 100%;
  background-color: #ccc;
  height: 100%;
}
  .modal-content{
  height: 100%;
  display: flex;
  flex-direction: column;
}
  .modal-header{
  height: 65px;
  background-color: red;
}
  .modal-body{
  flex:1;
  background-color: green;
  padding: 80px 15px 80px 15px;
  overflow-y: scroll;
}
.modal-footer{
  height: 65px;
  background-color: red;
}