import styled from "@emotion/styled";
import { css } from '@emotion/core';
import { Box } from '@rebass/emotion';

import { getColumnSize } from "utils/styles/grid";
import { forDesktopUp } from "utils/styles/mixins";

export const ImageContainer = styled(Box)`
  width: ${getColumnSize(4)}px;
  margin: auto;
  ${forDesktopUp(css`
    width: ${getColumnSize(10)}px;
  `)};
`;