.image-container{align-items:center;cursor:pointer;display:flex;justify-content:center;margin:24px 0 36px;position:relative}.image-thumbnail{border:2px solid #f4f4f4;box-sizing:border-box;padding:5px;transition:.3s;width:auto}.image-thumbnail:hover{border-color:#c4c4c4}.hover-text{align-items:center;background-color:rgba(36,54,66,.6);border-radius:4px;color:#fff;display:flex;font-size:16px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.image-container:hover .hover-text{opacity:1}.modal{align-items:center;background-color:#243642;background-color:rgba(36,54,66,.9);display:none;height:100%;justify-content:center;left:0;overflow:auto;padding-top:60px;position:fixed;top:0;width:100%;z-index:10000}.modal-content{display:block;margin:auto;max-width:1400px;width:80%}.modal-content img{height:auto;margin:0 auto;width:100%}#caption{color:#ccc;display:block;height:150px;margin:auto;max-width:700px;padding:10px 0;text-align:center;width:80%}.close{color:#f1f1f1;cursor:pointer;font-size:40px;font-weight:700;position:absolute;right:35px;top:15px;transition:.3s}.close:focus,.close:hover{color:#bbb;cursor:pointer;text-decoration:none}