.image-detail-container{display:flex;justify-content:center;align-items:center;padding:50px;background:#f2f2f2;box-shadow:7px 7px 22px #00000082;border-radius:40px;margin:20px}.image-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;max-width:100%;padding:10px}.image-card{background:#0000;border-radius:15px;overflow:hidden;transition:transform .3sease-in-out;width:100%;max-width:31%;max-height:300px}.image-card:hover{transform:scale(1.05)}.image-card img{width:100%;height:100%;object-fit:cover}section#photo-library-details .modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}section#photo-library-details .modal .moda-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.8}section#photo-library-details .modal .moda-close{position:fixed;top:25px;right:25px;cursor:pointer;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;height:35px;width:35px;z-index:99999999;border-radius:50px;font-size:20px}section#photo-library-details .modal .modal-body{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;width:700px;text-align:center;background-color:#222}section#photo-library-details .modal .modal-body img{width:100%;display:block}section#photo-library-details .modal .modal-body p{position:fixed;bottom:0;left:0;z-index:999909;width:100%;text-align:center;background:#222;color:#fff;padding:5px;margin:0;font-size:14px}@media (max-width:1024px){.image-detail-container{padding:20px}.image-wrapper{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.image-detail-container{margin:40px 20px}.image-card{min-width:300px;max-width:300px}section#photo-library-details .modal .modal-body{padding-bottom:20px;width:calc(100% - 25px)}}@media (max-width:480px){.image-wrapper{flex-direction:column;align-items:center}.image-card{min-width:100%;max-width:90%}}