.container {
    display: flex;
    flex-direction: row;

    align-items: start;
    justify-content: end;
    gap: 1em;
}

.images {
    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;

    flex-wrap: wrap;

    gap: 1em;
}

.images img.clickable {
    width: 15em;

	opacity: 0;
	animation: fadeIn 2s forwards;
}

.big-preview {
    z-index: 10;
    
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;

    display: flex;
    
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

	transition: opacity ease-in-out .25s;
	opacity: 1;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.big-preview .close {
    position: fixed;
	right: .5em;
	top: 0em;
}

.big-preview .left, .big-preview .right {
    display: flex;

    justify-content: space-around;
    align-items: center;
    
    height: 100%;
    flex-grow: 2;
}

.big-preview .image {
    display: flex;

    justify-content: space-around;
    align-items: center;


    height: 100%;
    max-width: 80%;
    flex-grow: 1;
}

.big-preview img {
    height: 100%;
    width: 70%;

}

.big-preview .image-description {
    width: 15em;
}