HTML - imagenes interpuestas

.image_wrapper .image {

            border:1px solid #ccc;

            width:200px;

            height:200px;

        }

         /* Definimos el formato de la imagen en la esquina izquierda */

        .image_wrapper .add {

            position:absolute;

            top:0px;

            opacity:0;

            transition:opacity 0.5s linear;

            -webkit-transition:opacity 0.5s linear;

            cursor:pointer;

            border:0px;

            width:70px;

            height:70px;

        }

<style>

.image_wrapper .add {color:red;}

</style>

<div class="image_wrapper">

    <div class="red">Este color aparece en rojo</div>

</div>

<div class="red">Este color NO aparece en rojo</div>