.image-box{
	&.caption {
		position: relative;
		img {
			width: 100%;
		}
		p {
			position: absolute;
			padding: 20px 40px 20px 20px;
			margin: 0;
			min-width: 50%;
			max-width: 80%;
			color: #fff;

			&.caption--right-bottom {
				bottom: 0;
				right: 0;
			}

			&.caption--left-bottom {
				bottom: 0;
				left: 0;
			}

	        @each $category, $color in $categories {
	            .#{$category} & {
	                background-color: $color;
	            }
	        }
		}
	}
}