#team .teamOther { justify-content: center; align-items: center; } /* Normal View */ #team div img { max-width: 20em; width: 100%; min-width: 15em; display: block; object-fit: contain; border-radius: var(--rad); } #team div { margin: 0 0 0.5em 0; display: flex; flex-direction: row; text-align: left; align-items: center; } #team div div { margin: 0; padding: 0; display: block; } #team div span { margin: 0 1em; } /* Gallery */ #team .gallery { margin-bottom: 1em; padding: 0.5em; display: flex; flex-direction: column; } #team .gallery div { margin: auto 0 0; display: flex; flex-wrap: wrap; justify-content: center; background: none; } #team .gallery div img { margin: 0.5em; min-width: 250px; flex: 1 1 150px; object-fit: cover; transition: transform 0.15s ease-out; } #team .gallery div img:hover { transform: scale(1.15); } #team .gallery h3 { margin: 0; } #team div .teamInfo { display: block; } /* When page thin content stacks */ @media (max-width:621px) { #team div { justify-content: center; align-items: center; flex-direction: column; } #team div img { min-width: 0; } #team div div { margin: 1em; } } /* Fullscreen images */ #team .fullScreenImage { margin: 0; padding: 0; height: 100%; width: 100%; z-index: 100; position: fixed; top: 0; left: 0; display: none; background: #151515dd; border-radius: 0; } #team .fullScreenImage span { margin: 0; padding: 0; align-items: center; justify-content: center; position: absolute; top: 10px; right: 20px; font-size: 50px; font-weight: bolder; color: #FFFFFF; cursor: pointer; } #team .fullScreenImage img { margin: 0; padding: 0; max-width: 90%; max-height: 90%; min-width: none; min-height: none; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 0; }