text: import styled from "styled-components/macro";
  import { breakpoints } from "../../Breakpoints"
  
  const Container = styled.div`
    width: 48%;
    margin-bottom: 80px;
    transition-duration: 0.3s;
  
    :nth-child(odd) {
      margin-right: 0;
  
      @media (min-width: ${breakpoints.mobileMax}) {
        margin-right: 4%;
      }
    }
  
    @media (max-width: ${breakpoints.mobileMax}) {
      width: 100%;
    }
  `
  
  export default Container;