fluidtrends/carmel

export default () => (<div className="m-2 flex justify-end border border-primary-color flex-col md:flex-row">
  <img
      className="w-full px-8 pt-8 bg-primary-background md:pt-0 md:w-2/3 md:px-0"
      src="https://images.unsplash.com/photo-1501504905252-473c47e087f8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1548&q=80"
    />
    <div className="flex flex-col px-8 pb-8 pt-6 gap-10 w-full md:w-1/3 bg-primary-background md:p-8 md:justify-between">
      <div className="flex flex-col gap-4">
        <span className="font-epilogue-bold text-2xl">
            ffff
        </span>
        <span className="text-sm">
         fff
        </span>
      </div>
      <div className="flex flex-col gap-4">
        <div className="flex justify-between flex-row">
          <span>
           adfsfd
          </span>
          <span className="text-primary-color font-epilogue-bold">
           fffff
          </span>
        </div>
        <div className="flex items-center gap-2">
          <img
            className="w-8 h-8"
            src=""
          />
          <span>
            ffffff
          </span>
        </div>
      </div>
      <button
        type="button"
      />
    </div>
</div>)