diff --git a/Moonlight/App/Database/Entities/Image.cs b/Moonlight/App/Database/Entities/Image.cs
index 1711940..70660f0 100644
--- a/Moonlight/App/Database/Entities/Image.cs
+++ b/Moonlight/App/Database/Entities/Image.cs
@@ -20,4 +20,5 @@ public class Image
     public List<DockerImage> DockerImages { get; set; } = new();
     public List<ImageVariable> Variables { get; set; } = new();
     public string TagsJson { get; set; } = "";
+    public string BackgroundImageUrl { get; set; } = "";
 }
\ No newline at end of file
diff --git a/Moonlight/App/Database/Migrations/20230609202138_AddBackgroundImageUrlImage.Designer.cs b/Moonlight/App/Database/Migrations/20230609202138_AddBackgroundImageUrlImage.Designer.cs
new file mode 100644
index 0000000..c557918
--- /dev/null
+++ b/Moonlight/App/Database/Migrations/20230609202138_AddBackgroundImageUrlImage.Designer.cs
@@ -0,0 +1,1056 @@
+// <auto-generated />
+using System;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+using Moonlight.App.Database;
+
+#nullable disable
+
+namespace Moonlight.App.Database.Migrations
+{
+    [DbContext(typeof(DataContext))]
+    [Migration("20230609202138_AddBackgroundImageUrlImage")]
+    partial class AddBackgroundImageUrlImage
+    {
+        /// <inheritdoc />
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder
+                .HasAnnotation("ProductVersion", "7.0.3")
+                .HasAnnotation("Relational:MaxIdentifierLength", 64);
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.CloudPanel", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("ApiKey")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("ApiUrl")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Host")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("CloudPanels");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.DdosAttack", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<long>("Data")
+                        .HasColumnType("bigint");
+
+                    b.Property<string>("Ip")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("NodeId")
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Ongoing")
+                        .HasColumnType("tinyint(1)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NodeId");
+
+                    b.ToTable("DdosAttacks");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.DockerImage", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Default")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<int?>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.ToTable("DockerImages");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Domain", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("OwnerId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("SharedDomainId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("OwnerId");
+
+                    b.HasIndex("SharedDomainId");
+
+                    b.ToTable("Domains");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Image", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int>("Allocations")
+                        .HasColumnType("int");
+
+                    b.Property<string>("BackgroundImageUrl")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("ConfigFiles")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Description")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("InstallDockerImage")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("InstallEntrypoint")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("InstallScript")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Startup")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("StartupDetection")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("StopCommand")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("TagsJson")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<Guid>("Uuid")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Images");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ImageVariable", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("DefaultValue")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Key")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.ToTable("ImageVariables");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.IpBan", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Ip")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("IpBans");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.LoadingMessage", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Message")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("LoadingMessages");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.LogsEntries.AuditLogEntry", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Ip")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("JsonData")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<bool>("System")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<int>("Type")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("AuditLog");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.LogsEntries.ErrorLogEntry", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Class")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Ip")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("JsonData")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Stacktrace")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<bool>("System")
+                        .HasColumnType("tinyint(1)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("ErrorLog");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.LogsEntries.SecurityLogEntry", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Ip")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("JsonData")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<bool>("System")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<int>("Type")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("SecurityLog");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.MySqlDatabase", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Password")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("UserName")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("WebSpaceId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("WebSpaceId");
+
+                    b.ToTable("Databases");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.NewsEntry", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("Date")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Markdown")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("NewsEntries");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Node", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Fqdn")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("HttpPort")
+                        .HasColumnType("int");
+
+                    b.Property<int>("MoonlightDaemonPort")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("SftpPort")
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Ssl")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<string>("Token")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("TokenId")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Nodes");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.NodeAllocation", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int?>("NodeId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("Port")
+                        .HasColumnType("int");
+
+                    b.Property<int?>("ServerId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NodeId");
+
+                    b.HasIndex("ServerId");
+
+                    b.ToTable("NodeAllocations");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Notification.NotificationAction", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Action")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("NotificationClientId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NotificationClientId");
+
+                    b.ToTable("NotificationActions");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Notification.NotificationClient", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int>("UserId")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("NotificationClients");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Revoke", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Identifier")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Revokes");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Server", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int>("Cpu")
+                        .HasColumnType("int");
+
+                    b.Property<long>("Disk")
+                        .HasColumnType("bigint");
+
+                    b.Property<int>("DockerImageIndex")
+                        .HasColumnType("int");
+
+                    b.Property<int>("ImageId")
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Installing")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<bool>("IsCleanupException")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<int?>("MainAllocationId")
+                        .HasColumnType("int");
+
+                    b.Property<long>("Memory")
+                        .HasColumnType("bigint");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("NodeId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("OverrideStartup")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("OwnerId")
+                        .HasColumnType("int");
+
+                    b.Property<bool>("Suspended")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<Guid>("Uuid")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ImageId");
+
+                    b.HasIndex("MainAllocationId");
+
+                    b.HasIndex("NodeId");
+
+                    b.HasIndex("OwnerId");
+
+                    b.ToTable("Servers");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerBackup", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<long>("Bytes")
+                        .HasColumnType("bigint");
+
+                    b.Property<bool>("Created")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("ServerId")
+                        .HasColumnType("int");
+
+                    b.Property<Guid>("Uuid")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ServerId");
+
+                    b.ToTable("ServerBackups");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerVariable", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Key")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int?>("ServerId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Value")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ServerId");
+
+                    b.ToTable("ServerVariables");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.SharedDomain", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("CloudflareId")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("SharedDomains");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.StatisticsData", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Chart")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("Date")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<double>("Value")
+                        .HasColumnType("double");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Statistics");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Subscription", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Description")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("LimitsJson")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Subscriptions");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.SupportChatMessage", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Answer")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Attachment")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Content")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<bool>("IsQuestion")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<int>("QuestionType")
+                        .HasColumnType("int");
+
+                    b.Property<int>("RecipientId")
+                        .HasColumnType("int");
+
+                    b.Property<int?>("SenderId")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RecipientId");
+
+                    b.HasIndex("SenderId");
+
+                    b.ToTable("SupportChatMessages");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<string>("Address")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<bool>("Admin")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<string>("City")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Country")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<int?>("CurrentSubscriptionId")
+                        .HasColumnType("int");
+
+                    b.Property<ulong>("DiscordId")
+                        .HasColumnType("bigint unsigned");
+
+                    b.Property<string>("Email")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("FirstName")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<bool>("HasRated")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<string>("LastName")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("Password")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("Rating")
+                        .HasColumnType("int");
+
+                    b.Property<string>("State")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("Status")
+                        .HasColumnType("int");
+
+                    b.Property<int>("SubscriptionDuration")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("SubscriptionSince")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<bool>("SupportPending")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<DateTime>("TokenValidTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<bool>("TotpEnabled")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<string>("TotpSecret")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<DateTime>("UpdatedAt")
+                        .HasColumnType("datetime(6)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CurrentSubscriptionId");
+
+                    b.ToTable("Users");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.WebSpace", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<int>("CloudPanelId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Domain")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<int>("OwnerId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Password")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("UserName")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.Property<string>("VHostTemplate")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CloudPanelId");
+
+                    b.HasIndex("OwnerId");
+
+                    b.ToTable("WebSpaces");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.DdosAttack", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Node", "Node")
+                        .WithMany()
+                        .HasForeignKey("NodeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Node");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.DockerImage", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", null)
+                        .WithMany("DockerImages")
+                        .HasForeignKey("ImageId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Domain", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.User", "Owner")
+                        .WithMany()
+                        .HasForeignKey("OwnerId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.SharedDomain", "SharedDomain")
+                        .WithMany()
+                        .HasForeignKey("SharedDomainId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Owner");
+
+                    b.Navigation("SharedDomain");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ImageVariable", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", null)
+                        .WithMany("Variables")
+                        .HasForeignKey("ImageId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.MySqlDatabase", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.WebSpace", "WebSpace")
+                        .WithMany("Databases")
+                        .HasForeignKey("WebSpaceId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("WebSpace");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.NodeAllocation", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Node", null)
+                        .WithMany("Allocations")
+                        .HasForeignKey("NodeId");
+
+                    b.HasOne("Moonlight.App.Database.Entities.Server", null)
+                        .WithMany("Allocations")
+                        .HasForeignKey("ServerId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Notification.NotificationAction", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Notification.NotificationClient", "NotificationClient")
+                        .WithMany()
+                        .HasForeignKey("NotificationClientId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("NotificationClient");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Notification.NotificationClient", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.User", "User")
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Server", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Image", "Image")
+                        .WithMany()
+                        .HasForeignKey("ImageId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.NodeAllocation", "MainAllocation")
+                        .WithMany()
+                        .HasForeignKey("MainAllocationId");
+
+                    b.HasOne("Moonlight.App.Database.Entities.Node", "Node")
+                        .WithMany()
+                        .HasForeignKey("NodeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.User", "Owner")
+                        .WithMany()
+                        .HasForeignKey("OwnerId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Image");
+
+                    b.Navigation("MainAllocation");
+
+                    b.Navigation("Node");
+
+                    b.Navigation("Owner");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerBackup", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Server", null)
+                        .WithMany("Backups")
+                        .HasForeignKey("ServerId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.ServerVariable", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Server", null)
+                        .WithMany("Variables")
+                        .HasForeignKey("ServerId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.SupportChatMessage", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.User", "Recipient")
+                        .WithMany()
+                        .HasForeignKey("RecipientId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.User", "Sender")
+                        .WithMany()
+                        .HasForeignKey("SenderId");
+
+                    b.Navigation("Recipient");
+
+                    b.Navigation("Sender");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Subscription", "CurrentSubscription")
+                        .WithMany()
+                        .HasForeignKey("CurrentSubscriptionId");
+
+                    b.Navigation("CurrentSubscription");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.WebSpace", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.CloudPanel", "CloudPanel")
+                        .WithMany()
+                        .HasForeignKey("CloudPanelId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.User", "Owner")
+                        .WithMany()
+                        .HasForeignKey("OwnerId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("CloudPanel");
+
+                    b.Navigation("Owner");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Image", b =>
+                {
+                    b.Navigation("DockerImages");
+
+                    b.Navigation("Variables");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Node", b =>
+                {
+                    b.Navigation("Allocations");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Server", b =>
+                {
+                    b.Navigation("Allocations");
+
+                    b.Navigation("Backups");
+
+                    b.Navigation("Variables");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.WebSpace", b =>
+                {
+                    b.Navigation("Databases");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
diff --git a/Moonlight/App/Database/Migrations/20230609202138_AddBackgroundImageUrlImage.cs b/Moonlight/App/Database/Migrations/20230609202138_AddBackgroundImageUrlImage.cs
new file mode 100644
index 0000000..062ed71
--- /dev/null
+++ b/Moonlight/App/Database/Migrations/20230609202138_AddBackgroundImageUrlImage.cs
@@ -0,0 +1,29 @@
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace Moonlight.App.Database.Migrations
+{
+    /// <inheritdoc />
+    public partial class AddBackgroundImageUrlImage : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.AddColumn<string>(
+                name: "BackgroundImageUrl",
+                table: "Images",
+                type: "longtext",
+                nullable: false)
+                .Annotation("MySql:CharSet", "utf8mb4");
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropColumn(
+                name: "BackgroundImageUrl",
+                table: "Images");
+        }
+    }
+}
diff --git a/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs b/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs
index a599b77..8b8aeb2 100644
--- a/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs
+++ b/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs
@@ -132,6 +132,10 @@ namespace Moonlight.App.Database.Migrations
                     b.Property<int>("Allocations")
                         .HasColumnType("int");
 
+                    b.Property<string>("BackgroundImageUrl")
+                        .IsRequired()
+                        .HasColumnType("longtext");
+
                     b.Property<string>("ConfigFiles")
                         .IsRequired()
                         .HasColumnType("longtext");
diff --git a/Moonlight/App/Http/Controllers/Api/Moonlight/ResourcesController.cs b/Moonlight/App/Http/Controllers/Api/Moonlight/ResourcesController.cs
index d701a2c..5a899d3 100644
--- a/Moonlight/App/Http/Controllers/Api/Moonlight/ResourcesController.cs
+++ b/Moonlight/App/Http/Controllers/Api/Moonlight/ResourcesController.cs
@@ -46,6 +46,29 @@ public class ResourcesController : Controller
 
         return NotFound();
     }
+    
+    [HttpGet("background/{name}")]
+    public async Task<ActionResult> GetBackground([FromRoute] string name)
+    {
+        if (name.Contains(".."))
+        {
+            await SecurityLogService.Log(SecurityLogType.PathTransversal, x =>
+            {
+                x.Add<string>(name);
+            });
+            
+            return NotFound();
+        }
+
+        if (System.IO.File.Exists(PathBuilder.File("storage", "resources", "public", "background", name)))
+        {
+            var fs = new FileStream(PathBuilder.File("storage", "resources", "public", "background", name), FileMode.Open);
+        
+            return File(fs, MimeTypes.GetMimeType(name), name);
+        }
+
+        return NotFound();
+    }
 
     [HttpGet("bucket/{bucket}/{name}")]
     public async Task<ActionResult> GetBucket([FromRoute] string bucket, [FromRoute] string name)
diff --git a/Moonlight/App/Services/Files/ResourceService.cs b/Moonlight/App/Services/Files/ResourceService.cs
index 5858fa9..7dfff85 100644
--- a/Moonlight/App/Services/Files/ResourceService.cs
+++ b/Moonlight/App/Services/Files/ResourceService.cs
@@ -15,6 +15,11 @@ public class ResourceService
     {
         return $"{AppUrl}/api/moonlight/resources/images/{name}";
     }
+    
+    public string BackgroundImage(string name)
+    {
+        return $"{AppUrl}/api/moonlight/resources/background/{name}";
+    }
 
     public string Avatar(User user)
     {
diff --git a/Moonlight/App/Services/Sessions/DynamicBackgroundService.cs b/Moonlight/App/Services/Sessions/DynamicBackgroundService.cs
new file mode 100644
index 0000000..0e7f804
--- /dev/null
+++ b/Moonlight/App/Services/Sessions/DynamicBackgroundService.cs
@@ -0,0 +1,39 @@
+using Logging.Net;
+using Moonlight.App.Services.Files;
+
+namespace Moonlight.App.Services.Sessions;
+
+public class DynamicBackgroundService
+{
+    public EventHandler OnBackgroundImageChanged { get; set; }
+    public string BackgroundImageUrl { get; private set; }
+    private string DefaultBackgroundImageUrl;
+
+    public DynamicBackgroundService(ResourceService resourceService)
+    {
+        DefaultBackgroundImageUrl = resourceService.BackgroundImage("main.jpg");
+        BackgroundImageUrl = DefaultBackgroundImageUrl;
+    }
+
+    public Task Change(string url)
+    {
+        if(BackgroundImageUrl == url) // Prevent unnecessary updates
+            return Task.CompletedTask;
+        
+        BackgroundImageUrl = url;
+        OnBackgroundImageChanged?.Invoke(this, null!);
+
+        return Task.CompletedTask;
+    }
+
+    public Task Reset()
+    {
+        if(BackgroundImageUrl == DefaultBackgroundImageUrl) // Prevent unnecessary updates
+            return Task.CompletedTask;
+        
+        BackgroundImageUrl = DefaultBackgroundImageUrl;
+        OnBackgroundImageChanged?.Invoke(this, null!);
+
+        return Task.CompletedTask;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Moonlight.csproj b/Moonlight/Moonlight.csproj
index 85f2a7f..a3ea7a4 100644
--- a/Moonlight/Moonlight.csproj
+++ b/Moonlight/Moonlight.csproj
@@ -74,6 +74,7 @@
     <Folder Include="App\ApiClients\CloudPanel\Resources\" />
     <Folder Include="App\Http\Middleware" />
     <Folder Include="storage\backups\" />
+    <Folder Include="storage\resources\public\background\" />
   </ItemGroup>
 
 </Project>
diff --git a/Moonlight/Program.cs b/Moonlight/Program.cs
index 6329871..e5fa717 100644
--- a/Moonlight/Program.cs
+++ b/Moonlight/Program.cs
@@ -134,6 +134,7 @@ namespace Moonlight
             builder.Services.AddScoped<ReCaptchaService>();
             builder.Services.AddScoped<IpBanService>();
             builder.Services.AddSingleton<OAuth2Service>();
+            builder.Services.AddScoped<DynamicBackgroundService>();
 
             builder.Services.AddScoped<SubscriptionService>();
             builder.Services.AddScoped<SubscriptionAdminService>();
diff --git a/Moonlight/Shared/Layouts/MainLayout.razor b/Moonlight/Shared/Layouts/MainLayout.razor
index 6f6da63..3f45acb 100644
--- a/Moonlight/Shared/Layouts/MainLayout.razor
+++ b/Moonlight/Shared/Layouts/MainLayout.razor
@@ -20,6 +20,7 @@
 @inject ToastService ToastService
 @inject SmartTranslateService SmartTranslateService
 @inject IpBanService IpBanService
+@inject DynamicBackgroundService DynamicBackgroundService
 
 <GlobalErrorBoundary>
     @{
@@ -56,7 +57,7 @@
                     <Sidebar></Sidebar>
                     <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
                         <div class="d-flex flex-column flex-column-fluid">
-                            <div id="kt_app_content" class="app-content flex-column-fluid">
+                            <div id="kt_app_content" class="app-content flex-column-fluid" style="background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-image: url('@(DynamicBackgroundService.BackgroundImageUrl)')">
                                 <div id="kt_app_content_container" class="app-container container-fluid">
                                     <div class="mt-10">
                                         <SoftErrorBoundary>
@@ -189,6 +190,11 @@
         {
             try
             {
+                DynamicBackgroundService.OnBackgroundImageChanged += async (_, _) =>
+                {
+                    await InvokeAsync(StateHasChanged);
+                };
+                
                 IsIpBanned = await IpBanService.IsBanned();
                 
                 if(IsIpBanned)
@@ -211,7 +217,13 @@
 
                 await SessionService.Register();
 
-                NavigationManager.LocationChanged += (sender, args) => { SessionService.Refresh(); };
+                NavigationManager.LocationChanged += async (_, _) =>
+                {
+                    SessionService.Refresh();
+
+                    if (!NavigationManager.Uri.Contains("/server/"))
+                        await DynamicBackgroundService.Reset();
+                };
 
                 if (User != null)
                 {
diff --git a/Moonlight/Shared/Views/Admin/Servers/Images/Edit.razor b/Moonlight/Shared/Views/Admin/Servers/Images/Edit.razor
index cfb81c5..18f8eeb 100644
--- a/Moonlight/Shared/Views/Admin/Servers/Images/Edit.razor
+++ b/Moonlight/Shared/Views/Admin/Servers/Images/Edit.razor
@@ -13,240 +13,250 @@
 @inject FileDownloadService FileDownloadService
 
 <OnlyAdmin>
-    <div class="row">
-        <LazyLoader @ref="LazyLoader" Load="Load">
-            @if (Image == null)
-            {
-                <div class="alert alert-danger">
-                    <TL>No image with this id found</TL>
-                </div>
-            }
-            else
-            {
-                <div class="row">
-                    <div class="col-xl-6 mb-5 mb-xl-10">
-                        <div class="card card-body">
-                            <div class="mb-10">
-                                <label class="form-label">
-                                    <TL>Name</TL>
-                                </label>
-                                <input @bind="Image.Name" type="text" class="form-control">
-                            </div>
-                            <div class="mb-10">
-                                <label class="form-label">
-                                    <TL>Description</TL>
-                                </label>
-                                <textarea @bind="Image.Description" type="text" class="form-control"></textarea>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-xl-6 mb-5 mb-xl-10">
-                        <div class="card card-body">
-                            <label class="form-label">
-                                <TL>Tags</TL>
-                            </label>
-                            <div class="input-group mb-5">
-                                <input @bind="AddTagName" type="text" class="form-control" placeholder="@(SmartTranslateService.Translate("Enter tag name"))">
-                                <button @onclick="AddTag" class="btn btn-primary">
-                                    <TL>Add</TL>
-                                </button>
-                            </div>
-                            <div>
-                                @if (Tags.Any())
-                                {
-                                    <div class="row">
-                                        @foreach (var tag in Tags)
-                                        {
-                                            <button @onclick="() => RemoveTag(tag)" class="col m-3 btn btn-outline-primary mw-25">
-                                                @(tag)
-                                            </button>
-                                        }
-                                    </div>
-                                }
-                                else
-                                {
-                                    <div class="alert alert-primary">
-                                        <TL>No tags found</TL>
-                                    </div>
-                                }
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-xl-6 mb-5 mb-xl-10">
-                        <div class="card card-body">
-                            <label class="form-label">
-                                <TL>Docker images</TL>
-                            </label>
-                            <div class="input-group mb-5">
-                                <input @bind="NewDockerImage.Name" type="text" class="form-control" placeholder="@(SmartTranslateService.Translate("Enter docker image name"))">
-                                <button @onclick="AddDockerImage" class="btn btn-primary">
-                                    <TL>Add</TL>
-                                </button>
-                            </div>
-                            <div>
-                                @if (Image.DockerImages.Any())
-                                {
-                                    <div class="row">
-                                        @foreach (var imageDocker in Image.DockerImages)
-                                        {
-                                            <button @onclick="() => RemoveDockerImage(imageDocker)" class="col m-3 btn btn-outline-primary mw-25">
-                                                @(imageDocker.Name)
-                                            </button>
-                                        }
-                                    </div>
-                                }
-                                else
-                                {
-                                    <div class="alert alert-primary">
-                                        <TL>No docker images found</TL>
-                                    </div>
-                                }
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-xl-6 mb-5 mb-xl-10">
-                        <div class="card card-body">
-                            <div class="mb-10">
-                                <label class="form-label">
-                                    <TL>Default image</TL>
-                                </label>
-                                <select @bind="DefaultImageIndex" class="form-select">
-                                    @foreach (var image in Image.DockerImages)
-                                    {
-                                        <option value="@(image.Id)">@(image.Name)</option>
-                                    }
-                                </select>
-                            </div>
-                            <div class="mb-10">
-                                <label class="form-label">
-                                    <TL>Allocations</TL>
-                                </label>
-                                <input @bind="Image.Allocations" type="number" class="form-control">
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="row mx-0">
-                    <div class="card card-body">
-                        <div class="mb-10">
-                            <label class="form-label">
-                                <TL>Startup command</TL>
-                            </label>
-                            <input @bind="Image.Startup" type="text" class="form-control">
-                        </div>
-
-                        <div class="row">
-                            <div class="col-xl-6 mb-5 mb-xl-10">
-                                <div class="mb-10">
-                                    <label class="form-label">
-                                        <TL>Install container</TL>
-                                    </label>
-                                    <input @bind="Image.InstallDockerImage" type="text" class="form-control">
-                                </div>
-                            </div>
-                            <div class="col-xl-6 mb-5 mb-xl-10">
-                                <div class="mb-10">
-                                    <label class="form-label">
-                                        <TL>Install entry</TL>
-                                    </label>
-                                    <input @bind="Image.InstallEntrypoint" type="text" class="form-control">
-                                </div>
-                            </div>
-
-                        </div>
-
-                        <div class="card card-flush">
-                            <FileEditor @ref="Editor" Language="shell" InitialData="@(Image.InstallScript)" HideControls="true"/>
-                        </div>
-                    </div>
-                </div>
-                <div class="row my-8">
-                    <div class="col-xl-6 mb-5 mb-xl-10">
-                        <div class="card card-body">
-                            <div class="mb-10">
-                                <label class="form-label">
-                                    <TL>Configuration files</TL>
-                                </label>
-                                <textarea @bind="Image.ConfigFiles" class="form-control"></textarea>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-xl-6 mb-5 mb-xl-10">
-                        <div class="card card-body">
-                            <div class="mb-10">
-                                <label class="form-label">
-                                    <TL>Startup detection</TL>
-                                </label>
-                                <input @bind="Image.StartupDetection" type="text" class="form-control">
-                            </div>
-                            <div class="mb-10">
-                                <label class="form-label">
-                                    <TL>Stop command</TL>
-                                </label>
-                                <input @bind="Image.StopCommand" type="text" class="form-control">
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="row my-6">
-                    <div class="card card-body">
-                        <div class="input-group mb-5">
-                            <input type="text" @bind="ImageVariable.Key" placeholder="@(SmartTranslateService.Translate("Key"))" class="form-control">
-                            <input type="text" @bind="ImageVariable.DefaultValue" placeholder="@(SmartTranslateService.Translate("Default value"))" class="form-control">
-                            <button @onclick="AddVariable" class="btn btn-primary">
-                                <TL>Add</TL>
-                            </button>
-                        </div>
-
-                        <div>
-                            @if (Image!.Variables.Any())
-                            {
-                                <div class="row">
-                                    @foreach (var variable in Image!.Variables)
-                                    {
-                                        <div class="input-group mb-3">
-                                            <input type="text" @bind="variable.Key" placeholder="@(SmartTranslateService.Translate("Key"))" class="form-control">
-                                            <input type="text" @bind="variable.DefaultValue" placeholder="@(SmartTranslateService.Translate("Default value"))" class="form-control">
-                                            <button @onclick="() => RemoveVariable(variable)" class="btn btn-danger">
-                                                <TL>Remove</TL>
-                                            </button>
-                                        </div>
-                                    }
-                                </div>
-                            }
-                            else
-                            {
-                                <div class="alert alert-primary">
-                                    <TL>No variables found</TL>
-                                </div>
-                            }
-                        </div>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="card card-body">
-                        <div class="d-flex justify-content-end">
-                            <a href="/admin/servers/images" class="btn btn-danger me-3">
-                                <TL>Cancel</TL>
-                            </a>
-                            <WButton Text="@(SmartTranslateService.Translate("Export"))"
-                                     WorkingText="@(SmartTranslateService.Translate("Exporting"))"
-                                     CssClasses="btn-primary me-3"
-                                     OnClick="Export">
-                            </WButton>
-                            <WButton Text="@(SmartTranslateService.Translate("Save"))"
-                                     WorkingText="@(SmartTranslateService.Translate("Saving"))"
-                                     CssClasses="btn-success"
-                                     OnClick="Save">
-                            </WButton>
-                        </div>
-                    </div>
-                </div>
-            }
-        </LazyLoader>
+<div class="row">
+<LazyLoader @ref="LazyLoader" Load="Load">
+@if (Image == null)
+{
+    <div class="alert alert-danger">
+        <TL>No image with this id found</TL>
     </div>
+}
+else
+{
+    <div class="row">
+        <div class="col-xl-6 mb-5 mb-xl-10">
+            <div class="card card-body">
+                <div class="mb-10">
+                    <label class="form-label">
+                        <TL>Name</TL>
+                    </label>
+                    <input @bind="Image.Name" type="text" class="form-control">
+                </div>
+                <div class="mb-10">
+                    <label class="form-label">
+                        <TL>Description</TL>
+                    </label>
+                    <textarea @bind="Image.Description" type="text" class="form-control"></textarea>
+                </div>
+                <div class="mb-10">
+                    <label class="form-label">
+                        <TL>Background image url</TL>
+                    </label>
+                    <input 
+                        @bind="Image.BackgroundImageUrl"
+                        type="text"
+                        class="form-control"
+                        placeholder="@(SmartTranslateService.Translate("Leave empty for the default background image"))">
+                </div>
+            </div>
+        </div>
+        <div class="col-xl-6 mb-5 mb-xl-10">
+            <div class="card card-body">
+                <label class="form-label">
+                    <TL>Tags</TL>
+                </label>
+                <div class="input-group mb-5">
+                    <input @bind="AddTagName" type="text" class="form-control" placeholder="@(SmartTranslateService.Translate("Enter tag name"))">
+                    <button @onclick="AddTag" class="btn btn-primary">
+                        <TL>Add</TL>
+                    </button>
+                </div>
+                <div>
+                    @if (Tags.Any())
+                    {
+                        <div class="row">
+                            @foreach (var tag in Tags)
+                            {
+                                <button @onclick="() => RemoveTag(tag)" class="col m-3 btn btn-outline-primary mw-25">
+                                    @(tag)
+                                </button>
+                            }
+                        </div>
+                    }
+                    else
+                    {
+                        <div class="alert alert-primary">
+                            <TL>No tags found</TL>
+                        </div>
+                    }
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-xl-6 mb-5 mb-xl-10">
+            <div class="card card-body">
+                <label class="form-label">
+                    <TL>Docker images</TL>
+                </label>
+                <div class="input-group mb-5">
+                    <input @bind="NewDockerImage.Name" type="text" class="form-control" placeholder="@(SmartTranslateService.Translate("Enter docker image name"))">
+                    <button @onclick="AddDockerImage" class="btn btn-primary">
+                        <TL>Add</TL>
+                    </button>
+                </div>
+                <div>
+                    @if (Image.DockerImages.Any())
+                    {
+                        <div class="row">
+                            @foreach (var imageDocker in Image.DockerImages)
+                            {
+                                <button @onclick="() => RemoveDockerImage(imageDocker)" class="col m-3 btn btn-outline-primary mw-25">
+                                    @(imageDocker.Name)
+                                </button>
+                            }
+                        </div>
+                    }
+                    else
+                    {
+                        <div class="alert alert-primary">
+                            <TL>No docker images found</TL>
+                        </div>
+                    }
+                </div>
+            </div>
+        </div>
+        <div class="col-xl-6 mb-5 mb-xl-10">
+            <div class="card card-body">
+                <div class="mb-10">
+                    <label class="form-label">
+                        <TL>Default image</TL>
+                    </label>
+                    <select @bind="DefaultImageIndex" class="form-select">
+                        @foreach (var image in Image.DockerImages)
+                        {
+                            <option value="@(image.Id)">@(image.Name)</option>
+                        }
+                    </select>
+                </div>
+                <div class="mb-10">
+                    <label class="form-label">
+                        <TL>Allocations</TL>
+                    </label>
+                    <input @bind="Image.Allocations" type="number" class="form-control">
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row mx-0">
+        <div class="card card-body">
+            <div class="mb-10">
+                <label class="form-label">
+                    <TL>Startup command</TL>
+                </label>
+                <input @bind="Image.Startup" type="text" class="form-control">
+            </div>
+
+            <div class="row">
+                <div class="col-xl-6 mb-5 mb-xl-10">
+                    <div class="mb-10">
+                        <label class="form-label">
+                            <TL>Install container</TL>
+                        </label>
+                        <input @bind="Image.InstallDockerImage" type="text" class="form-control">
+                    </div>
+                </div>
+                <div class="col-xl-6 mb-5 mb-xl-10">
+                    <div class="mb-10">
+                        <label class="form-label">
+                            <TL>Install entry</TL>
+                        </label>
+                        <input @bind="Image.InstallEntrypoint" type="text" class="form-control">
+                    </div>
+                </div>
+
+            </div>
+
+            <div class="card card-flush">
+                <FileEditor @ref="Editor" Language="shell" InitialData="@(Image.InstallScript)" HideControls="true"/>
+            </div>
+        </div>
+    </div>
+    <div class="row my-8">
+        <div class="col-xl-6 mb-5 mb-xl-10">
+            <div class="card card-body">
+                <div class="mb-10">
+                    <label class="form-label">
+                        <TL>Configuration files</TL>
+                    </label>
+                    <textarea @bind="Image.ConfigFiles" class="form-control"></textarea>
+                </div>
+            </div>
+        </div>
+        <div class="col-xl-6 mb-5 mb-xl-10">
+            <div class="card card-body">
+                <div class="mb-10">
+                    <label class="form-label">
+                        <TL>Startup detection</TL>
+                    </label>
+                    <input @bind="Image.StartupDetection" type="text" class="form-control">
+                </div>
+                <div class="mb-10">
+                    <label class="form-label">
+                        <TL>Stop command</TL>
+                    </label>
+                    <input @bind="Image.StopCommand" type="text" class="form-control">
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row my-6">
+        <div class="card card-body">
+            <div class="input-group mb-5">
+                <input type="text" @bind="ImageVariable.Key" placeholder="@(SmartTranslateService.Translate("Key"))" class="form-control">
+                <input type="text" @bind="ImageVariable.DefaultValue" placeholder="@(SmartTranslateService.Translate("Default value"))" class="form-control">
+                <button @onclick="AddVariable" class="btn btn-primary">
+                    <TL>Add</TL>
+                </button>
+            </div>
+
+            <div>
+                @if (Image!.Variables.Any())
+                {
+                    <div class="row">
+                        @foreach (var variable in Image!.Variables)
+                        {
+                            <div class="input-group mb-3">
+                                <input type="text" @bind="variable.Key" placeholder="@(SmartTranslateService.Translate("Key"))" class="form-control">
+                                <input type="text" @bind="variable.DefaultValue" placeholder="@(SmartTranslateService.Translate("Default value"))" class="form-control">
+                                <button @onclick="() => RemoveVariable(variable)" class="btn btn-danger">
+                                    <TL>Remove</TL>
+                                </button>
+                            </div>
+                        }
+                    </div>
+                }
+                else
+                {
+                    <div class="alert alert-primary">
+                        <TL>No variables found</TL>
+                    </div>
+                }
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="card card-body">
+            <div class="d-flex justify-content-end">
+                <a href="/admin/servers/images" class="btn btn-danger me-3">
+                    <TL>Cancel</TL>
+                </a>
+                <WButton Text="@(SmartTranslateService.Translate("Export"))"
+                         WorkingText="@(SmartTranslateService.Translate("Exporting"))"
+                         CssClasses="btn-primary me-3"
+                         OnClick="Export">
+                </WButton>
+                <WButton Text="@(SmartTranslateService.Translate("Save"))"
+                         WorkingText="@(SmartTranslateService.Translate("Saving"))"
+                         CssClasses="btn-success"
+                         OnClick="Save">
+                </WButton>
+            </div>
+        </div>
+    </div>
+}
+</LazyLoader>
+</div>
 </OnlyAdmin>
 
 @code
@@ -330,7 +340,7 @@
     {
         Image!.DockerImages.Remove(image);
     }
-    
+
     private void AddVariable()
     {
         Image!.Variables.Add(ImageVariable);
@@ -361,7 +371,7 @@
     {
         Image.TagsJson = JsonConvert.SerializeObject(Tags);
         Image.InstallScript = await Editor.GetData();
-        
+
         var json = JsonConvert.SerializeObject(Image, Formatting.Indented);
         await FileDownloadService.DownloadString(Image.Name + ".json", json);
     }
diff --git a/Moonlight/Shared/Views/Index.razor b/Moonlight/Shared/Views/Index.razor
index c4d6b8e..2fba00b 100644
--- a/Moonlight/Shared/Views/Index.razor
+++ b/Moonlight/Shared/Views/Index.razor
@@ -125,111 +125,115 @@
     </div>
 </div>
 
-<!--d-flex flex-row mb-5-->
-<div class="card mb-5">
-    <div class="card-header card-header-stretch">
-        <div class="card-title d-flex align-items-center">
-            <h3 class="fw-bold m-0 text-gray-800">
-                <TL>Create something new</TL>
-            </h3>
-        </div>
-    </div>
-    <div class="card-body pt-3">
-        <div class="flex-row">
-            <div class="d-flex align-items-center">
-                <div class="symbol symbol-50px me-3">
-                    <i class="bx bx-md bx-server"></i>
-                </div>
-                <div class="d-flex justify-content-start flex-column">
-                    <a href="/servers/create" class="text-gray-800 text-hover-primary mb-1 fs-5">
-                        <TL>Create a gameserver</TL>
-                    </a>
-                    <span class="text-gray-400 fw-semibold d-block fs-6">
-                        <TL>A new gameserver in just a few minutes</TL>
-                    </span>
+<div class="row">
+    <div class="col">
+        <div class="card mb-5">
+            <div class="card-header card-header-stretch">
+                <div class="card-title d-flex align-items-center">
+                    <h3 class="fw-bold m-0 text-gray-800">
+                        <TL>Create something new</TL>
+                    </h3>
                 </div>
             </div>
-            <div class="separator mb-2 mt-2"></div>
-            <div class="d-flex align-items-center">
-                <div class="symbol symbol-50px me-3">
-                    <i class="bx bx-md bx-globe"></i>
-                </div>
-                <div class="d-flex justify-content-start flex-column">
-                    <a href="/webspaces/create" class="text-gray-800 text-hover-primary mb-1 fs-5">
-                        <TL>Create a webspace</TL>
-                    </a>
-                    <span class="text-gray-400 fw-semibold d-block fs-6">
-                        <TL>Make your own websites with a webspace</TL>
-                    </span>
-                </div>
-            </div>
-            <div class="separator mb-2 mt-2"></div>
-            <div class="d-flex align-items-center">
-                <div class="symbol symbol-50px me-3">
-                    <i class="bx bx-md bx-purchase-tag"></i>
-                </div>
-                <div class="d-flex justify-content-start flex-column">
-                    <a href="/domains/create" class="text-gray-800 text-hover-primary mb-1 fs-5">
-                        <TL>Create a domain</TL>
-                    </a>
-                    <span class="text-gray-400 fw-semibold d-block fs-6">
-                        <TL>Make your servvices accessible throught your own domain</TL>
-                    </span>
+            <div class="card-body pt-3">
+                <div class="flex-row">
+                    <div class="d-flex align-items-center">
+                        <div class="symbol symbol-50px me-3">
+                            <i class="bx bx-md bx-server"></i>
+                        </div>
+                        <div class="d-flex justify-content-start flex-column">
+                            <a href="/servers/create" class="text-gray-800 text-hover-primary mb-1 fs-5">
+                                <TL>Create a gameserver</TL>
+                            </a>
+                            <span class="text-gray-400 fw-semibold d-block fs-6">
+                                <TL>A new gameserver in just a few minutes</TL>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="separator mb-2 mt-2"></div>
+                    <div class="d-flex align-items-center">
+                        <div class="symbol symbol-50px me-3">
+                            <i class="bx bx-md bx-globe"></i>
+                        </div>
+                        <div class="d-flex justify-content-start flex-column">
+                            <a href="/webspaces/create" class="text-gray-800 text-hover-primary mb-1 fs-5">
+                                <TL>Create a webspace</TL>
+                            </a>
+                            <span class="text-gray-400 fw-semibold d-block fs-6">
+                                <TL>Make your own websites with a webspace</TL>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="separator mb-2 mt-2"></div>
+                    <div class="d-flex align-items-center">
+                        <div class="symbol symbol-50px me-3">
+                            <i class="bx bx-md bx-purchase-tag"></i>
+                        </div>
+                        <div class="d-flex justify-content-start flex-column">
+                            <a href="/domains/create" class="text-gray-800 text-hover-primary mb-1 fs-5">
+                                <TL>Create a domain</TL>
+                            </a>
+                            <span class="text-gray-400 fw-semibold d-block fs-6">
+                                <TL>Make your services accessible through your own domain</TL>
+                            </span>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
     </div>
-</div>
-
-<div class="card mb-5">
-    <div class="card-header card-header-stretch">
-        <div class="card-title d-flex align-items-center">
-            <h3 class="fw-bold m-0 text-gray-800">
-                <TL>Manage your services</TL>
-            </h3>
-        </div>
-    </div>
-    <div class="card-body pt-3">
-        <div class="flex-row">
-            <div class="d-flex align-items-center">
-                <div class="symbol symbol-50px me-3">
-                    <i class="bx bx-md bx-server"></i>
-                </div>
-                <div class="d-flex justify-content-start flex-column">
-                    <a href="/servers" class="text-gray-800 text-hover-primary mb-1 fs-5">
-                        <TL>Manage your gameservers</TL>
-                    </a>
-                    <span class="text-gray-400 fw-semibold d-block fs-6">
-                        <TL>Adjust your gameservers</TL>
-                    </span>
+    <div class="col">
+        <div class="card mb-5">
+            <div class="card-header card-header-stretch">
+                <div class="card-title d-flex align-items-center">
+                    <h3 class="fw-bold m-0 text-gray-800">
+                        <TL>Manage your services</TL>
+                    </h3>
                 </div>
             </div>
-            <div class="separator mb-2 mt-2"></div>
-            <div class="d-flex align-items-center">
-                <div class="symbol symbol-50px me-3">
-                    <i class="bx bx-md bx-globe"></i>
-                </div>
-                <div class="d-flex justify-content-start flex-column">
-                    <a href="/webspaces" class="text-gray-800 text-hover-primary mb-1 fs-5">
-                        <TL>Manage your webspaces</TL>
-                    </a>
-                    <span class="text-gray-400 fw-semibold d-block fs-6">
-                        <TL>Modify the content of your webspaces</TL>
-                    </span>
-                </div>
-            </div>
-            <div class="separator mb-2 mt-2"></div>
-            <div class="d-flex align-items-center">
-                <div class="symbol symbol-50px me-3">
-                    <i class="bx bx-md bx-purchase-tag"></i>
-                </div>
-                <div class="d-flex justify-content-start flex-column">
-                    <a href="/domains" class="text-gray-800 text-hover-primary mb-1 fs-5">
-                        <TL>Manage your domains</TL>
-                    </a>
-                    <span class="text-gray-400 fw-semibold d-block fs-6">
-                        <TL>Add, edit and delete dns records</TL>
-                    </span>
+            <div class="card-body pt-3">
+                <div class="flex-row">
+                    <div class="d-flex align-items-center">
+                        <div class="symbol symbol-50px me-3">
+                            <i class="bx bx-md bx-server"></i>
+                        </div>
+                        <div class="d-flex justify-content-start flex-column">
+                            <a href="/servers" class="text-gray-800 text-hover-primary mb-1 fs-5">
+                                <TL>Manage your gameservers</TL>
+                            </a>
+                            <span class="text-gray-400 fw-semibold d-block fs-6">
+                                <TL>Adjust your gameservers</TL>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="separator mb-2 mt-2"></div>
+                    <div class="d-flex align-items-center">
+                        <div class="symbol symbol-50px me-3">
+                            <i class="bx bx-md bx-globe"></i>
+                        </div>
+                        <div class="d-flex justify-content-start flex-column">
+                            <a href="/webspaces" class="text-gray-800 text-hover-primary mb-1 fs-5">
+                                <TL>Manage your webspaces</TL>
+                            </a>
+                            <span class="text-gray-400 fw-semibold d-block fs-6">
+                                <TL>Modify the content of your webspaces</TL>
+                            </span>
+                        </div>
+                    </div>
+                    <div class="separator mb-2 mt-2"></div>
+                    <div class="d-flex align-items-center">
+                        <div class="symbol symbol-50px me-3">
+                            <i class="bx bx-md bx-purchase-tag"></i>
+                        </div>
+                        <div class="d-flex justify-content-start flex-column">
+                            <a href="/domains" class="text-gray-800 text-hover-primary mb-1 fs-5">
+                                <TL>Manage your domains</TL>
+                            </a>
+                            <span class="text-gray-400 fw-semibold d-block fs-6">
+                                <TL>Add, edit and delete dns records</TL>
+                            </span>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/Moonlight/Shared/Views/Server/Index.razor b/Moonlight/Shared/Views/Server/Index.razor
index 137f624..7d6c09a 100644
--- a/Moonlight/Shared/Views/Server/Index.razor
+++ b/Moonlight/Shared/Views/Server/Index.razor
@@ -10,6 +10,7 @@
 @using Moonlight.App.Helpers.Wings.Enums
 @using Moonlight.App.Repositories
 @using Moonlight.App.Services
+@using Moonlight.App.Services.Sessions
 @using Moonlight.Shared.Components.Xterm
 @using Moonlight.Shared.Components.ServerControl
 @using Newtonsoft.Json
@@ -20,6 +21,7 @@
 @inject EventSystem Event
 @inject ServerService ServerService
 @inject NavigationManager NavigationManager
+@inject DynamicBackgroundService DynamicBackgroundService
 
 @implements IDisposable
 
@@ -291,6 +293,11 @@
 
                     return Task.CompletedTask;
                 });
+
+                if (string.IsNullOrEmpty(Image.BackgroundImageUrl))
+                    await DynamicBackgroundService.Reset();
+                else
+                    await DynamicBackgroundService.Change(Image.BackgroundImageUrl);
             }
         }
         else
diff --git a/Moonlight/defaultstorage/resources/public/background/main.jpg b/Moonlight/defaultstorage/resources/public/background/main.jpg
new file mode 100644
index 0000000..0bc8c28
Binary files /dev/null and b/Moonlight/defaultstorage/resources/public/background/main.jpg differ