(ma non possiamo usarlo perchè gli eventi sono un migliaio e solo una minoranza ha il bianco).
Ok, il colore della colonna devi valutarlo tu; puoi lasciarlo trasparente oppure un grigio neutro o magari una tonalità di giallo che si accosti col tema del sito (esempio: #c8a31d); ho visto comunque che stai provando a giocarci.

Il discorso, a livello grafico, è quello di creare un taglio per creare una distinzione visiva tra le due colonne, pur mantenendo il logo come elemento a sé stante (quindi senza il cover o il fill con cui si riempie l'intera area ma che non si prestano al risultato da ottenere). Poi valuta tu secondo il tuo gusto personale.

Una correzione che puoi fare, è estendere la larghezza del logo in modo che copra il 100% della colonna, pur mantenendo le proporzioni.

Puoi applicare quindi questa regola (occhio al selettore):
codice:
.calmodal-logo img {
  width: 100%;
}

Ancora, potresti voler mantenere uno "spazio di respiro" attorno all'immagine, in modo che si veda comunque il colore di sfondo tutto attorno all'immagine stessa anche se questa è ridimensionata per riempire l'intera larghezza.

In tal caso potresti aggiungere un padding al contenitore (occhio al selettore):
codice:
.calmodal-logo {
  /* ... qui le proprietà già viste ... */
  padding: 10px;
}
Fai qualche prova e fai sapere; buona serata