.image-select__container {
    position: relative;

    .image-select__image-container {
        position: relative;
        float: left;
        margin: 0 auto;
        height: $j-image-select-height;

        .image-select__image-close-button {
            position: absolute;
            top: 3px;
            left: 3px;
            background-color: $j-image-select-close-button-background-color;
            font-size: 1.5rem;
        }

        .image-select__image-close-button:before {
            content: '✕';
            color: $j-image-select-close-button-color;
        }

        .image-select__image-close-button:hover:before {
            content: '✖';
            color: $j-image-select-close-button-hover-color;
        }

        .image-select__image {
            max-height: 100%;
            height: 100%;
        }
    }

    .image-select__add-button {
        position: relative;
        float: left;
        margin: 0 auto;
        height: $j-image-select-height;

        .image-select__add-link {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            background-color: white;
            font-size: 1.5rem;
        }

        .image-select__add-link:before {
            content: '✛';
            color: $j-image-select-add-button-color;
        }

        .image-select__add-link:hover:before {
            content: '✚';
            color: $j-image-select-add-button-hover-color;
        }
    }
}