.bg1 {
  --bg-image: url('../img/bg.jpg');
}

:root:has(#bg1:checked) {
  --bg-image: url('../img/bg.jpg');
}

.bg2 {
  --bg-image: url('../img/bg1.jpg');
}

:root:has(#bg2:checked) {
  --bg-image: url('../img/bg1.jpg');
}

.bg3 {
  --bg-image: url('../img/bg2.jpg');
}

:root:has(#bg3:checked) {
  --bg-image: url('../img/bg2.jpg');
}

.bg4 {
  --bg-image: url('../img/bg3.jpg');
}

:root:has(#bg4:checked) {
  --bg-image: url('../img/bg3.jpg');
}

.bg5 {
  --bg-image: url('../img/bg4.jpg');
}

:root:has(#bg5:checked) {
  --bg-image: url('../img/bg4.jpg');
}

.bg6 {
  --bg-image: url('../img/bg5.jpg');
}

:root:has(#bg6:checked) {
  --bg-image: url('../img/bg5.jpg');
}

.bg7 {
  --bg-image: url('../img/bg6.jpg');
}

:root:has(#bg7:checked) {
  --bg-image: url('../img/bg6.jpg');
}

.bg8 {
  --bg-image: url('../img/bg7.jpg');
}

:root:has(#bg8:checked) {
  --bg-image: url('../img/bg7.jpg');
}

.bg9 {
  --bg-image: url('../img/bg8.jpg');
}

:root:has(#bg9:checked) {
  --bg-image: url('../img/bg8.jpg');
}

.bg10 {
  --bg-image: url('../img/bg9.jpg');
}

:root:has(#bg10:checked) {
  --bg-image: url('../img/bg9.jpg');
}

.bg11 {
  --bg-image: url('../img/bg10.jpg');
}

:root:has(#bg11:checked) {
  --bg-image: url('../img/bg10.jpg');
}

.bg12 {
  --bg-image: url('../img/login-page-background.jpg');
}

:root:has(#bg12:checked) {
  --bg-image: url('../img/login-page-background.jpg');
}

.bg13 {
  --bg-image: url('../img/bg11.jpg');
}

:root:has(#bg13:checked) {
  --bg-image: url('../img/bg11.jpg');
}

.bg14 {
  --bg-image: url('../img/bg12.jpg');
}

:root:has(#bg14:checked) {
  --bg-image: url('../img/bg12.jpg');
}

.bg15 {
  --bg-image: url('../img/bg13.jpg');
}

:root:has(#bg15:checked) {
  --bg-image: url('../img/bg13.jpg');
}

.bg16 {
  --bg-image: url('../img/bg14.jpg');
}

:root:has(#bg16:checked) {
  --bg-image: url('../img/bg14.jpg');
}