User:Irukaza/common.css

	ul.gallery {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0;
	}

	ul.mw-gallery {

			text-align: left;
	}
			div.thumb img {
				width: 100% !important; 
				height: auto;
}
			li.gallerybox {
				flex-grow: 1;
}

				div.gallerytextwrapper {
					right: 0;
					width: auto ;
					margin: 0;
					background: transparent;
				}

			div.thumb:after {
					position: absolute;
					right: 0;
					bottom: 0;
					left: 0;
					display: block;
					height: 60%;
					border-radius: 0 0 var( --border-radius--small ) var( --border-radius--small );
					content: '';
				}

			div.gallerytextwrapper {
				border-radius: 1px;
			}

			div.gallerytext {
				color: #a2a9b1;
			}

			div.thumb:after {
				background: linear-gradient( to top, #000, transparent );
			}

			div.gallerytextwrapper:hover {
				/* Prevent overflow with long caption */
				overflow: hidden;
				max-height: 90%;
				background: #000;
			}
		



	li.gallerybox {
		display: block;
			width: 100%; 
			height: auto;
		}
		
		div.thumb {
			overflow: hidden; 
			width: 100% !important; 
			height: auto;
		}

		p {
			margin-top: 0;
		}

		a.image {
			display: inline;
		}