#nh-bnr { background-position: center; background-size: 100% 250%;}
.modal-con { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
.modal-con .modals { width: 32%; }
.modal-con h5 { margin: 2rem 0 1rem; }
.open-modal-btn {position: relative;}
.open-modal-btn::after {content: '→'; position: absolute; top: 33%; right: -4rem; font-size: 2rem; transform: translateY(-50%);}
.modal-con img { border-radius: .5rem; }
.modal-content-wrapper img { border-radius: unset; }
.modal-con figure {  overflow: hidden; }

@media (max-width: 900px) {
    .modal-con .modals { width: 31%; }}

@media (max-width: 767px) {
  #nh-bnr { background-size: 157% 100%; background-position: center; }
    .modal-con .modals { width: 48%; }
    .modal-con { justify-content: space-between; }
    .modal-content-wrapper { flex-direction: column; }
    .modal-content-wrapper figure { width: 100%; }
    .modal-info { width: 100%; padding: 0;}
    .modal-content-wrapper figure { width: 100%; }

}
@media (max-width: 480px) {
  .modal-con .modals { width: 100%; }
}