Is there any easy way to get the "Header Starting Logo" to be hidden for the front page only?

I can get it to be hidden by uploading a transparent image for "Header Starting Logo," but then it will be hidden for all secondary pages as well.

I was able to target it with this:

.home #header-outer[data-transparent-header="true"].transparent #logo .starting-logo, #header-outer[data-transparent-header="true"].light-text #logo .starting-logo {

    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
}