.container:where(.astro-FYRDUBDK){width:200px;text-align:center;display:inline-block;margin-right:30px;margin-bottom:30px;height:250px;vertical-align:top}.image:where(.astro-FYRDUBDK){border-radius:5px;cursor:pointer;transition:.3s;width:200px;height:200px;object-fit:cover}@media screen and (max-width: 582px){.container:where(.astro-FYRDUBDK){width:90%}.image:where(.astro-FYRDUBDK){width:90%}}.image:where(.astro-FYRDUBDK):hover{opacity:.7}.modal:where(.astro-FYRDUBDK){display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000e6}.modal-content:where(.astro-FYRDUBDK){margin:auto;display:block;height:80%}.modal-caption:where(.astro-FYRDUBDK){margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;font-weight:500}.modal-content:where(.astro-FYRDUBDK),#caption:where(.astro-FYRDUBDK){animation-name:zoom;animation-duration:.6s}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.close:where(.astro-FYRDUBDK){position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close:where(.astro-FYRDUBDK):hover,.close:where(.astro-FYRDUBDK):focus{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width: 700px){.modal-content:where(.astro-FYRDUBDK){width:100%;height:auto}}