Dynamic Image Accordion CSS

dynamic-image-accordion.css

.image-accordion__item {
	flex-grow: 1;
}

.image-accordion__item--active {
	flex-grow: 10;
}

.image-accordion__link {
	opacity: 1;
	transition: 0.3s opacity ease-in-out;
}

.image-accordion__item:not(.image-accordion__item--active) .image-accordion__link {
	opacity: 0;
}

body:not(.ng-scope) .image-accordion__item:not(.image-accordion__item--active) .image-accordion__details {
	pointer-events: none;
}