Source: callout-polaroid.css

> [!polaroid] Death valley
> ![[Death valley.jpg]]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rhoncus turpis non consectetur sodales. Integer eget dui turpis. Nulla rhoncus elit quis diam tincidunt sagittis. Quisque varius neque vitae enim suscipit, in sodales justo convallis. Donec sit amet urna ac elit fermentum facilisis ullamcorper sed elit. Maecenas tempus tempus nisi sit amet volutpat.

> [!polaroid|right] Les Calanques
> ![[Les Calanques.jpg]]

Vivamus et purus nec neque volutpat efficitur vitae eget augue. Maecenas vel malesuada leo, nec ullamcorper elit. Vivamus maximus eros sit amet diam hendrerit, non viverra leo consectetur. Fusce interdum placerat eros cursus vulputate. Nunc vel placerat elit. Quisque rutrum tortor vitae quam mattis dapibus. Aliquam eu ornare nunc, eget gravida ipsum. In nec tincidunt nunc. Nunc et leo ac sem sodales porta. Praesent vulputate dignissim eros, et laoreet lorem ornare id.

> [!polaroid|left] Aurora
> ![[Aurora.jpg]]

Sed auctor vitae sapien mollis tincidunt. Aliquam consectetur nisi et semper tristique. Nam suscipit dolor auctor, consequat turpis ut, commodo neque. Sed finibus euismod pellentesque. Proin vitae sodales justo, eget facilisis nibh. Maecenas pulvinar condimentum pharetra. Integer a vehicula ante. Proin bibendum mi ligula, non elementum massa vulputate eget. Suspendisse maximus, orci eget congue tempor, augue dolor dictum tellus, eget luctus ante enim eu lacus. Sed a rutrum lectus. Phasellus turpis mi, semper convallis volutpat eu, rutrum ac justo. Suspendisse potenti.

CSS Variables

Variable	Description	Default value
--polaroid-angle	Tilt angle for polaroid when they are on the side	2deg
--polaroid-img-size	Height and width of the image	2deg
--polaroid-font	Font of the title	'Walter Turncoat', cursive