#image-display-div #no-image {
    text-align: center;
}

#image-display {
    display: grid;
    grid-template-rows: 10% 10% 70% 10%;
    grid-template-columns: 10% auto 10%;
    place-items: center;
    height: 500px;
    border-style: solid;
    border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #E7F2EF;
}

#image-display #image-count {
    grid-row-start: 1;
    grid-column: 2;
    justify-self: end;
    align-self: end;
}

#image-display #display-title {
    grid-row-start: 1;
    grid-column: 2 / 3;
    place-self: start
}

#image-display #display-author {
    grid-row-start: 2;
    grid-column: 2 / 3;
    place-self: start
}

#display-author *, #display-title * {
    display: inline-block;
} 

#image-display #prev-image {
    grid-row-start: 3;
    grid-column-start: 1;
    height: 15%;
    background-image: url("../media/back.png");
}

#image-display #next-image {
    grid-row-start: 3;
    grid-column-start: 3;
    height: 15%;
    background-image: url("../media/next.png");
}

#image-display #delete-image {
    grid-row-start: 4;
    grid-column-start: 2;
    background-image: url("../media/close.png");
}

.image-icon {
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75%;
}

.image-icon:hover {
    background-color: rgb(196, 193, 193);
}

#image-display #current-image {
    grid-row-start: 3;
    grid-column-start: 2;
    display: flex;
    justify-content: center;
}

#image-display #current-image img {
    height: 50%;
    width: 50%;
}