<style type="text/css">
.mybtn .btn-primary {
    background-color:transparent;
/* Dies musst Du wohl je nach Deinen Bildchen anpassen */
    height: 70px;
    width:70px;
}
 
/* Im Falle, dass die ausgewählte Option eine andere Farbe - statt der default-Farbe - haben soll */
 .mybtn .btn-primary.active {
    background-color:yellow !important;
}
 
/* Und jetzt werden die Bilder als Hintergrund der Buttons eingefügt */
.mybtn .bootstrap-buttons-div:nth-child(1) .btn-primary {
/* Zunächst der Pfad zum Bild */
    background-image: url("https://www.mafosurvey.de/userfiles/Smileys/smile5a.png");
    background-repeat: no-repeat;
/* Das Bild wird so groß, dass es den Container - den Button - ausfüllt */
    background-size: contain;  
}
.mybtn .bootstrap-buttons-div:nth-child(2) .btn-primary {
    background-image: url("https://www.myserver.de/userfiles/Smileys/smile4a.png");
    background-repeat: no-repeat;
     background-size: contain;  
}
.mybtn .bootstrap-buttons-div:nth-child(3) .btn-primary {
    background-image: url("https://www.myserver.de/userfiles/Smileys/smile3a.png");
    background-repeat: no-repeat;
     background-size: contain;
}
.mybtn .bootstrap-buttons-div:nth-child(4) .btn-primary {
    background-image: url("https://www.myserver.de/userfiles/Smileys/smile2a.png");
    background-repeat: no-repeat;
     background-size: contain;
}
.mybtn .bootstrap-buttons-div:nth-child(5) .btn-primary {
    background-image: url("https://www.myserver.de/userfiles/Smileys/smile1a.png");
    background-repeat: no-repeat;
    background-size: contain;
}
</style>