$image-container-padding: 2px;
$image-container-background-color: $color-white;
$image-container-border-width: 1px;
$image-container-border-color: $color-athens-gray;;
$image-container-border-radius: 3px;

.image {
    padding: $image-container-padding;
    border: $image-container-border-width solid $image-container-border-color;
    border-radius: $image-container-border-radius;
    background: $image-container-background-color;
    overflow: hidden;
    display: inline-block;
    position: relative;
    .image-handle {
        position: absolute;
        top: rem-calc(5);
        right: rem-calc(5);
        opacity: 0;
        @include transition(0.2s);
        padding: rem-calc(3);
    }
    .image-dropup {
        position: absolute;
        top: rem-calc(5);
        left: rem-calc(5);
        opacity: 0;
        @include transition(0.2s);
    }
    &:hover {
        .image-handle, .image-dropup {
            opacity: 1;
        }
    }
    img {
        max-width: 100%;
        //min-height: 100%;
        display: inline-block;
    }
}