Hallöchen,

Ich habe auf meiner Seite "https://www.richfox-consulting.de" ein kleines Problem.
Und zwar hab ich auf meiner Startseite eine unspektakuläre Tabelle eingefügt, die einfach nur die Pakete meiner Dienstleistung vergleicht.

Auf meiner Seite trenne ich gerne dezent die Gedanklichen Abschnitte farblich voneinander. Das hat bisher auch ganz gut funktioniert, nun habe ich das Problem dass ich genau das was ich bisher immer gemacht habe nicht auf die Tabelle anwenden kann. Wenn ich das mache, kann ich auf dem Smartphone nämlich in der Tabelle nicht mehr von links nach rechts und zurück scrollen. Bedeutet dass der Text und die Bilder einfach abgeschnitten werden und nur im Querformat oder auf dem Desktop PC angezeigt werden können. Nimm ich den Code zum einfärben des Hintergrund raus, ist es wieder möglich. Wie muss ich den nachfolgenden Code umschreiben damit mir das nicht mehr passiert?

{background-color:#87ceeb10;margin:0 -500%;padding:0 500%!important}#cc-m-12144096497
 

Außerdem würde ich gerne zusätzlich wissen, ob es möglich ist die "grünen-haken-Emojis" in der Tabelle gegen ein Bild mit einem grünen haken auszutauschen. Ich hätte nämlich gerne ein Kreis mit dem Haken, anstatt einem Viereck mit dem Haken. Leider finde ich das ganze so in keiner Zeichentabelle und würde deswegen gerne auf kleine Icons ausweichen.
Muss ich dafür etwas im HTML der Tabelle ändern oder ist es gar nicht möglich Bilder in eine solche Tabelle einzufügen?