# Story Highlight Screen

### Location

`magaza_ui/screens/story_highlight.dart`

### Screenshot

![A special screen for special stories](https://436780-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1f1D_inwZ2KLboxO9P%2F-M2hmFDEFoy83zcWnOZe%2F-M2hmeenHmFGmD618mIa%2Fimage.png?alt=media\&token=bb769486-a7c8-4212-a75c-54899f1524a3)

### Customization

in story\_highlight.dart, you can change the background image by changing the existing image url in the code.

```
Container(
  padding: EdgeInsets.zero,
  child: TransitionToImage(
  image: AdvancedNetworkImage(
    'https://i.picsum.photos/id/201/539/969.jpg',
    loadedCallback: () => print('Network Image loaded.'),
    loadFailedCallback: () => print('Oh, no! Image failed! Timeout and Retry limit exceeded'),
    timeoutDuration: Duration(seconds: 60),
    retryLimit: 2,
  ),
    fit: BoxFit.fitWidth,
),
),
```

�