.image-uploader-container {
  background: #f0f0f0;
  border: 1px solid darken(#f0f0f0, 10%);
  min-height: 240px;
  margin: 10px 0;
  padding: 10px;
  border-radius: 2px;

  .image {
    width: 154px;
    height: 154px;
    background-image: url('http://placehold.it/154'); // Change with better image
    background-size: cover;
    background-position: top left;

    &.primary {
      border: 4px solid #0E4B8E;
      border-radius: 2px;
    }

    :hover .image-uploader-container-item-action {
      display: block;
    }
  }

  .image-uploader-container-item-action {
    display: none;
    background: rgba(0, 0, 0, 0.3);
  }

  .delete-btn {
    background: #F04B59;
    padding: 0 5px;
    color: white;
    text-shadow: 1px 1px 0 #666;
    float: left;

    &:hover {
      background: darken(#F04B59, 20%);
    }
  }

  .set-as-primary-btn {
    float: right;
    color: white;
    margin-right: 5px;
    font-size: 12px;
  }
}