text: import styled from 'styled-components'
  import prims from '../Primitives'
  
  const ImageCard = styled.img`
  	height: ${props => props.small ? '22rem' : '40rem'};
  	margin: 0;
  	width: ${props => props.small ? '39.5rem' : '80rem'};
  
  	border-radius: .25rem;
  	box-shadow: ${prims.glow.s} ${prims.colors.blue.dark.transparent_l}, ${prims.shadows.s} ${prims.colors.blue.dark.transparent_l};
  	object-fit: cover;
  
  	@media (max-width: 1200px) {
  	    width: calc(100vw - 4rem) !important;
  	    max-width: 80rem !important;
  	    height: calc(50vw - 2rem) !important;
  	    max-height: 40rem !important;
  	}
  `
  
  
  export default ImageCard