$(document).ready(function(){
    
    
    $('.small-image').click(function(){
        
        var cssObject = {
            'display' : 'block',
            'position' : 'absolute',
            'top': '200px',
            'left': '50%',
            'margin-left' : '-450px',
            'z-index': '10',
            'cursor': 'pointer'
           
            
        }
        
        $('.bigger-image').css(cssObject);
        
        
        
    })
    
    $('.bigger-image').click(function(){
        
        $(this).css('display', 'none');
        
        
    })
    
    
    
    
})