.img-head{position:relative;width:100%;display:block;overflow:hidden;padding:5px;margin-bottom:5px;color:#ffffff;font-weight:bold;background-color:rgba(0,56,102,0.5);border-radius:20px}.img-div{width:25%;height:80%;position:absolute;top:0;right:0;border-radius:20px;padding:10px;text-align:center;overflow:hidden}@media only screen and (max-width: 950px){.img-div{position:relative;width:100%}}.img-container{overflow:auto;overflow-x:hidden;width:100%;height:90%;padding-top:10px}.img-container::-webkit-scrollbar{width:12px}.img{position:relative;display:inline-block;margin-top:5px;text-align:center;cursor:pointer}.img .tooltiptext{width:80%;padding:2px;background:rgba(0,0,0,0.6);visibility:hidden;border:1px solid white;color:#FFFF;text-align:center;font-size:55%;border-radius:0.3rem;position:absolute;top:0;left:10%;text-shadow:0 0px 2px  #000000;font-weight:bold;z-index:1}.img:hover .tooltiptext{animation:0.5s linear 1.5s forwards fadeIn}@keyframes fadeIn{from{opacity:0}to{visibility:visible;opacity:1}}.myImg{margin-top:5px;border-radius:5px;cursor:pointer;transition:0.3s;box-shadow:0 0 3px 2px rgba(255,255,255,0.5)}.myImg:hover{filter:brightness(150%);box-shadow:0 0 10px 5px rgba(255,255,255,0.5);opacity:75}.modal{opacity:0;overflow:hidden;position:fixed;z-index:-1;padding-top:100px;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);transition:all 1s ease-out}.modal-content{margin:auto;display:block;width:80%;max-width:700px}#img-caption{margin:auto;display:block;max-width:700px;text-align:center;color:#ffffff;position:relative;width:100%;overflow:hidden;padding:10px;margin-bottom:5px;font-weight:bold;background-color:rgba(0,56,102,0.7);border-radius:20px}.modal-content,#img-caption{animation-name:zoom;animation-duration:0.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}@media only screen and (max-width: 700px){.modal-content{width:100%}}