#modal-detail-container{display:flex;flex-direction:row;overflow: auto;overflow-y: scroll;}
.modal-detail-image{position:relative;z-index:300}
#modal-poster-image{position:relative;z-index:300;height:55svh;object-fit:contain}
.modal-detail-content{display:flex;flex-direction:column;gap:1rem;align-self:center;width:50%}
.modal-detail-highlight{color:#006241;}
.modal-detail-button{background-color:#006241;color:#fff;padding:.5rem 1.5rem;border-radius:.375rem;cursor:pointer;transition:background-color .3s}
.modal-detail-button:hover{background-color:#004d33}
.modal-detail-footer{color:#006241;text-align:center}

@media print,screen and (max-width:40em){
  #modal-detail-container{display:flex;flex-direction:column;height: 56svh;}
  .modal-detail-image{position:relative;z-index:300;align-self: center;}
  #modal-poster-image{position:relative;z-index:300;width:100%;object-fit:contain;height: auto;}
  .modal-detail-content{display:flex;flex-direction:column;gap:1rem;align-self:center;width:100%;    height: 24vh;}



}