message: Finishes Carousel
diff: -import { Box, Flex } from "@artsy/palette"
  +import { Box, Flex, space } from "@artsy/palette"
  import OpaqueImageView from "lib/Components/OpaqueImageView"
  import React from "react"
  -import { ScrollView } from "react-native"
  +import { Dimensions, ScrollView } from "react-native"
  import styled from "styled-components/native"
  const ITEM_HEIGHT = 350
  -const ImageView = styled(OpaqueImageView)`
  - height: ${ITEM_HEIGHT}px;
  +const { width: windowWidth } = Dimensions.get("window")
  +
  +const ImageView = styled(OpaqueImageView)<{ isFirst: boolean; aspectRatio: number }>`
  + height: ${ITEM_HEIGHT};
  + margin-top: ${p => (p.isFirst ? 150 : 0)};
  + ${p =>
  + p.isFirst &&
  + `
  + height: 200;
  + width: ${windowWidth - space(2) - 80};
  + `};
  `
  const PageList = styled(ScrollView)`
  @@ -21,13 +30,7 @@ interface Props {
  }>
  }
  -interface State {
  - pageWidth: number
  - activePageIdx: number
  - animationTargetIdx: number
  -}
  -
  -export class Carousel extends React.Component<Props, State> {
  +export class Carousel extends React.Component<Props> {
  scrollView: ScrollView
  keyForSource = ({ imageURL }) => imageURL
  @@ -35,9 +38,9 @@ export class Carousel extends React.Component<Props, State> {
  renderItems = () => {
  const { sources } = this.props
  - return sources.map(source => (
  - <Flex key={this.keyForSource(source)} mr={1}>
  - <ImageView {...source} />
  + return sources.map((source, i) => (
  + <Flex key={this.keyForSource(source)} mr={1} alignItems="flex-start">
  + <ImageView {...source} isFirst={i === 0} />
  </Flex>
  ))
  }
  