#popup{z-index:100;display:flex;justify-content:center;align-items:center}#popup,#popup .background{position:fixed;width:100%;height:100%}#popup .background{background-color:rgba(0,0,0,.6)}#popup .img-container{width:50%;position:relative;cursor:pointer}#popup .img-container img{width:100%;border-radius:10px}#popup .img-container i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;position:absolute;right:1rem;top:1rem;padding:.5rem;background-color:rgba(0,0,0,.5);color:#fff;border-radius:5px}@media (min-width:992px) and (max-width:1299.9px) and (min-height:950px){#popup .img-container{width:95%}}@media (min-width:992px) and (max-width:1299.9px) and (max-height:949.9px){#popup .img-container i{width:20px;height:20px;top:.5rem;right:.5rem}}@media (max-width:991.9px){#popup .img-container{width:95%}}@media (max-width:991.9px) and (max-height:420px){#popup .img-container{width:70%}}@media (max-width:575.9px){#popup .img-container i{width:18px;height:18px;top:.5rem;right:.5rem}}