body{display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: Arial, sans-serif;}.gallery-container{display: flex; width: 80%; height: 80vh;}.thumbnails{display: flex; flex-direction: column; width: 20%; padding-right: 10px;}.thumbnails img{width: 100%; aspect-ratio: 1; object-fit: cover; margin-bottom: 10px; cursor: pointer; border: 2px solid #ccc; transition: border-color 0.3s;}.thumbnails img:hover{border-color: #888;}.main-image{display: flex; justify-content: center; align-items: center; width: 80%;}.main-image img{width: 100%; height: auto; max-height: 100%;} function showImage(src){document.getElementById('mainDisplay').src=src;}