# EclContentItemPictureDirective

**Type:** directive



Directive used to style and configure the image container (e.g., picture) within a content item.
It allows adjusting size, position, and zoom behavior of the image block.


**Selector:** `[eclContentItemPicture]`

## Inputs
- **hasZoom**: `boolean` - If true, enables a zoom effect on hover.
- **position**: `"left" | "right" | "top"` - Defines the position of the picture relative to the content. Accepted values: 'left' | 'right' | 'top' Default is 'left'.
- **size**: `"small" | "large"` - Controls the size of the picture. Default is 'large'. Accepted values: 'small' | 'large'
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 
