background-color: transparant;
carousel-backgroundimage
{mediaElement.description}
carousel-backgroundimage
{mediaElement.description}
{f:translate(key: 'previous', extensionName: 'bootstrap_package')}
{f:translate(key: 'next', extensionName: 'bootstrap_package')}
{variant.breakpoint as integer}
{variant.width as integer}
{variant.aspectRatio as float}
{width / aspectRatio}
{height as integer}
{f:if(condition: breakpoint, then: 'media="(min-width: {breakpoint}px)"')}
{sizeConfig.multiplier as float}
{sizeWidth * width}
{sizeConfig.multiplier as float}
{sizeHeight * height}
{f:uri.image(image: file, cropVariant: name, width: '{sizeWidth}c', height: '{sizeHeight}c')}
{f:uri.image(image: file, cropVariant: name, maxWidth: sizeWidth)}
{srcset}{sizeUrl} {sizeKey}{f:if(condition: iteration.isLast, else: ',')}
f:format.raw()} srcset="{srcset}">
{defaultAspectRatio as float}
{defaultWidth / aspectRatio}
{defaultHeight as integer}c
{variant.breakpoint as integer}
{variant.width as integer}
{variant.aspectRatio as float}
{width / aspectRatio}
{height as integer}
{f:if(condition: breakpoint, then: 'media="(min-width: {breakpoint}px)"')}
{sizeConfig.multiplier as float}
{sizeWidth * width}
{sizeConfig.multiplier as float}
{sizeHeight * height}
{f:uri.image(image: file, cropVariant: name, width: '{sizeWidth}c', height: '{sizeHeight}c')}
{f:uri.image(image: file, cropVariant: name, maxWidth: sizeWidth)}
{srcset}{sizeUrl} {sizeKey}{f:if(condition: iteration.isLast, else: ',')}
f:format.raw()} srcset="{srcset}">
{defaultAspectRatio as float}
{defaultWidth / aspectRatio}
{defaultHeight as integer}c
{file.properties.description}