JSFiddle - React, Tailwind, and code Playground

HTML

<a class="button" href="#" target="_blank"> <img src="http://reade.nl/website/static/img/interface/logo_hkz.png"  alt="#" class="FOK" /></a>                    
                    <a class="button" href="#" target="_blank"> <img class="FOK" src="http://reade.nl/website/static/img/interface/logo_hkz.png"  alt="#" /></a>    
                    <a class="button" href="#" target="_blank"> <img class="FOK" src="http://reade.nl/website/static/img/interface/logo_hkz.png"  alt="#" /></a>

CSS

.button {
    width: 100px;
    
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
	opacity: 0.5;
    
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
	transition: 0.5s ease;
	}

.button:hover {
	
    -webkit-transform: scale(1.5,1.5);
    -moz-transform: scale(1.5,1.5);
	transform: scale(1.5,1.5);
    
    -webkit-opacity: 1.0;
    -moz-opacity: 1.0;
	opacity: 1.0;
	}