diff --git a/webapp/public/cars/2000gt/2000gt (1).jpg b/webapp/public/cars/2000gt/2000gt (1).jpg
new file mode 100644
index 0000000..4685451
Binary files /dev/null and b/webapp/public/cars/2000gt/2000gt (1).jpg differ
diff --git a/webapp/public/cars/2000gt/2000gt (2).jpg b/webapp/public/cars/2000gt/2000gt (2).jpg
new file mode 100644
index 0000000..3640dfc
Binary files /dev/null and b/webapp/public/cars/2000gt/2000gt (2).jpg differ
diff --git a/webapp/public/cars/2000gt/2000gt (3).jpg b/webapp/public/cars/2000gt/2000gt (3).jpg
new file mode 100644
index 0000000..a73a190
Binary files /dev/null and b/webapp/public/cars/2000gt/2000gt (3).jpg differ
diff --git a/webapp/public/cars/2000gt/2000gt (4).jpg b/webapp/public/cars/2000gt/2000gt (4).jpg
new file mode 100644
index 0000000..c8ecde7
Binary files /dev/null and b/webapp/public/cars/2000gt/2000gt (4).jpg differ
diff --git a/webapp/public/cars/2000gt/2000gt (5).jpg b/webapp/public/cars/2000gt/2000gt (5).jpg
new file mode 100644
index 0000000..c0c3d2f
Binary files /dev/null and b/webapp/public/cars/2000gt/2000gt (5).jpg differ
diff --git a/webapp/public/cars/300zx/300zx (1).jpg b/webapp/public/cars/300zx/300zx (1).jpg
new file mode 100644
index 0000000..8b5330e
Binary files /dev/null and b/webapp/public/cars/300zx/300zx (1).jpg differ
diff --git a/webapp/public/cars/300zx/300zx (2).jpg b/webapp/public/cars/300zx/300zx (2).jpg
new file mode 100644
index 0000000..6bda4c9
Binary files /dev/null and b/webapp/public/cars/300zx/300zx (2).jpg differ
diff --git a/webapp/public/cars/300zx/300zx (3).jpg b/webapp/public/cars/300zx/300zx (3).jpg
new file mode 100644
index 0000000..452dd6f
Binary files /dev/null and b/webapp/public/cars/300zx/300zx (3).jpg differ
diff --git a/webapp/public/cars/300zx/300zx (4).jpg b/webapp/public/cars/300zx/300zx (4).jpg
new file mode 100644
index 0000000..97b12cc
Binary files /dev/null and b/webapp/public/cars/300zx/300zx (4).jpg differ
diff --git a/webapp/public/cars/300zx/300zx (5).jpg b/webapp/public/cars/300zx/300zx (5).jpg
new file mode 100644
index 0000000..34ba684
Binary files /dev/null and b/webapp/public/cars/300zx/300zx (5).jpg differ
diff --git a/webapp/public/cars/barracuda/barracuda (1).jpg b/webapp/public/cars/barracuda/barracuda (1).jpg
new file mode 100644
index 0000000..a7a0781
Binary files /dev/null and b/webapp/public/cars/barracuda/barracuda (1).jpg differ
diff --git a/webapp/public/cars/barracuda/barracuda (2).jpg b/webapp/public/cars/barracuda/barracuda (2).jpg
new file mode 100644
index 0000000..fc790ec
Binary files /dev/null and b/webapp/public/cars/barracuda/barracuda (2).jpg differ
diff --git a/webapp/public/cars/barracuda/barracuda (3).jpg b/webapp/public/cars/barracuda/barracuda (3).jpg
new file mode 100644
index 0000000..ee60ab8
Binary files /dev/null and b/webapp/public/cars/barracuda/barracuda (3).jpg differ
diff --git a/webapp/public/cars/barracuda/barracuda (4).jpg b/webapp/public/cars/barracuda/barracuda (4).jpg
new file mode 100644
index 0000000..9d2cc1b
Binary files /dev/null and b/webapp/public/cars/barracuda/barracuda (4).jpg differ
diff --git a/webapp/public/cars/barracuda/barracuda (5).jpg b/webapp/public/cars/barracuda/barracuda (5).jpg
new file mode 100644
index 0000000..eecfbca
Binary files /dev/null and b/webapp/public/cars/barracuda/barracuda (5).jpg differ
diff --git a/webapp/public/cars/bmwm2/bmwm2 (1).jpg b/webapp/public/cars/bmwm2/bmwm2 (1).jpg
new file mode 100644
index 0000000..f1a248f
Binary files /dev/null and b/webapp/public/cars/bmwm2/bmwm2 (1).jpg differ
diff --git a/webapp/public/cars/bmwm2/bmwm2 (2).jpg b/webapp/public/cars/bmwm2/bmwm2 (2).jpg
new file mode 100644
index 0000000..d10cb5c
Binary files /dev/null and b/webapp/public/cars/bmwm2/bmwm2 (2).jpg differ
diff --git a/webapp/public/cars/bmwm2/bmwm2 (3).jpg b/webapp/public/cars/bmwm2/bmwm2 (3).jpg
new file mode 100644
index 0000000..7d5f494
Binary files /dev/null and b/webapp/public/cars/bmwm2/bmwm2 (3).jpg differ
diff --git a/webapp/public/cars/bmwm2/bmwm2 (4).jpg b/webapp/public/cars/bmwm2/bmwm2 (4).jpg
new file mode 100644
index 0000000..572dde3
Binary files /dev/null and b/webapp/public/cars/bmwm2/bmwm2 (4).jpg differ
diff --git a/webapp/public/cars/bmwm2/bmwm2 (5).jpg b/webapp/public/cars/bmwm2/bmwm2 (5).jpg
new file mode 100644
index 0000000..10c3462
Binary files /dev/null and b/webapp/public/cars/bmwm2/bmwm2 (5).jpg differ
diff --git a/webapp/public/cars/bmwm2/bmwm2 (6).jpg b/webapp/public/cars/bmwm2/bmwm2 (6).jpg
new file mode 100644
index 0000000..90a434a
Binary files /dev/null and b/webapp/public/cars/bmwm2/bmwm2 (6).jpg differ
diff --git a/webapp/public/cars/bmwm2/bmwm2 (7).jpg b/webapp/public/cars/bmwm2/bmwm2 (7).jpg
new file mode 100644
index 0000000..d2357fb
Binary files /dev/null and b/webapp/public/cars/bmwm2/bmwm2 (7).jpg differ
diff --git a/webapp/public/cars/bmwm2/bmwm2 (8).jpg b/webapp/public/cars/bmwm2/bmwm2 (8).jpg
new file mode 100644
index 0000000..f377e95
Binary files /dev/null and b/webapp/public/cars/bmwm2/bmwm2 (8).jpg differ
diff --git a/webapp/public/cars/bmwm4/bmwm4 (1).jpg b/webapp/public/cars/bmwm4/bmwm4 (1).jpg
new file mode 100644
index 0000000..6aacd5c
Binary files /dev/null and b/webapp/public/cars/bmwm4/bmwm4 (1).jpg differ
diff --git a/webapp/public/cars/bmwm4/bmwm4 (2).jpg b/webapp/public/cars/bmwm4/bmwm4 (2).jpg
new file mode 100644
index 0000000..b121341
Binary files /dev/null and b/webapp/public/cars/bmwm4/bmwm4 (2).jpg differ
diff --git a/webapp/public/cars/bmwm4/bmwm4 (3).jpg b/webapp/public/cars/bmwm4/bmwm4 (3).jpg
new file mode 100644
index 0000000..d393d32
Binary files /dev/null and b/webapp/public/cars/bmwm4/bmwm4 (3).jpg differ
diff --git a/webapp/public/cars/brz/brz (1).jpg b/webapp/public/cars/brz/brz (1).jpg
new file mode 100644
index 0000000..afab329
Binary files /dev/null and b/webapp/public/cars/brz/brz (1).jpg differ
diff --git a/webapp/public/cars/brz/brz (2).jpg b/webapp/public/cars/brz/brz (2).jpg
new file mode 100644
index 0000000..fb8a693
Binary files /dev/null and b/webapp/public/cars/brz/brz (2).jpg differ
diff --git a/webapp/public/cars/brz/brz (3).jpg b/webapp/public/cars/brz/brz (3).jpg
new file mode 100644
index 0000000..474aa10
Binary files /dev/null and b/webapp/public/cars/brz/brz (3).jpg differ
diff --git a/webapp/public/cars/brz/brz (4).jpg b/webapp/public/cars/brz/brz (4).jpg
new file mode 100644
index 0000000..d5435dd
Binary files /dev/null and b/webapp/public/cars/brz/brz (4).jpg differ
diff --git a/webapp/public/cars/brz/brz (5).jpg b/webapp/public/cars/brz/brz (5).jpg
new file mode 100644
index 0000000..dba60aa
Binary files /dev/null and b/webapp/public/cars/brz/brz (5).jpg differ
diff --git a/webapp/public/cars/civic/civic (1).jpg b/webapp/public/cars/civic/civic (1).jpg
new file mode 100644
index 0000000..cf61666
Binary files /dev/null and b/webapp/public/cars/civic/civic (1).jpg differ
diff --git a/webapp/public/cars/civic/civic (2).jpg b/webapp/public/cars/civic/civic (2).jpg
new file mode 100644
index 0000000..98a3f7c
Binary files /dev/null and b/webapp/public/cars/civic/civic (2).jpg differ
diff --git a/webapp/public/cars/civic/civic (3).jpg b/webapp/public/cars/civic/civic (3).jpg
new file mode 100644
index 0000000..2a0e883
Binary files /dev/null and b/webapp/public/cars/civic/civic (3).jpg differ
diff --git a/webapp/public/cars/civic/civic (4).jpg b/webapp/public/cars/civic/civic (4).jpg
new file mode 100644
index 0000000..a6f7966
Binary files /dev/null and b/webapp/public/cars/civic/civic (4).jpg differ
diff --git a/webapp/public/cars/civic/civic (5).jpg b/webapp/public/cars/civic/civic (5).jpg
new file mode 100644
index 0000000..b4f265d
Binary files /dev/null and b/webapp/public/cars/civic/civic (5).jpg differ
diff --git a/webapp/public/cars/countach/countach (1).jpg b/webapp/public/cars/countach/countach (1).jpg
new file mode 100644
index 0000000..51bd412
Binary files /dev/null and b/webapp/public/cars/countach/countach (1).jpg differ
diff --git a/webapp/public/cars/countach/countach (2).jpg b/webapp/public/cars/countach/countach (2).jpg
new file mode 100644
index 0000000..4fe51c9
Binary files /dev/null and b/webapp/public/cars/countach/countach (2).jpg differ
diff --git a/webapp/public/cars/countach/countach (3).jpg b/webapp/public/cars/countach/countach (3).jpg
new file mode 100644
index 0000000..38015bd
Binary files /dev/null and b/webapp/public/cars/countach/countach (3).jpg differ
diff --git a/webapp/public/cars/countach/countach (4).jpg b/webapp/public/cars/countach/countach (4).jpg
new file mode 100644
index 0000000..aba4152
Binary files /dev/null and b/webapp/public/cars/countach/countach (4).jpg differ
diff --git a/webapp/public/cars/countach/countach (5).jpg b/webapp/public/cars/countach/countach (5).jpg
new file mode 100644
index 0000000..6f24634
Binary files /dev/null and b/webapp/public/cars/countach/countach (5).jpg differ
diff --git a/webapp/public/cars/countach/countach (6).jpg b/webapp/public/cars/countach/countach (6).jpg
new file mode 100644
index 0000000..5e5b0a8
Binary files /dev/null and b/webapp/public/cars/countach/countach (6).jpg differ
diff --git a/webapp/public/cars/countach/countach (7).jpg b/webapp/public/cars/countach/countach (7).jpg
new file mode 100644
index 0000000..3a7f00e
Binary files /dev/null and b/webapp/public/cars/countach/countach (7).jpg differ
diff --git a/webapp/public/cars/countach/countach (8).jpg b/webapp/public/cars/countach/countach (8).jpg
new file mode 100644
index 0000000..b66486d
Binary files /dev/null and b/webapp/public/cars/countach/countach (8).jpg differ
diff --git a/webapp/public/cars/golf8/golf8 (1).jpg b/webapp/public/cars/golf8/golf8 (1).jpg
new file mode 100644
index 0000000..8a1b849
Binary files /dev/null and b/webapp/public/cars/golf8/golf8 (1).jpg differ
diff --git a/webapp/public/cars/golf8/golf8 (2).jpg b/webapp/public/cars/golf8/golf8 (2).jpg
new file mode 100644
index 0000000..cdd0875
Binary files /dev/null and b/webapp/public/cars/golf8/golf8 (2).jpg differ
diff --git a/webapp/public/cars/golf8/golf8 (3).jpg b/webapp/public/cars/golf8/golf8 (3).jpg
new file mode 100644
index 0000000..4c9a5f3
Binary files /dev/null and b/webapp/public/cars/golf8/golf8 (3).jpg differ
diff --git a/webapp/public/cars/golf8/golf8 (4).jpg b/webapp/public/cars/golf8/golf8 (4).jpg
new file mode 100644
index 0000000..a8fc8ae
Binary files /dev/null and b/webapp/public/cars/golf8/golf8 (4).jpg differ
diff --git a/webapp/public/cars/golf8/golf8 (5).jpg b/webapp/public/cars/golf8/golf8 (5).jpg
new file mode 100644
index 0000000..48056f1
Binary files /dev/null and b/webapp/public/cars/golf8/golf8 (5).jpg differ
diff --git a/webapp/public/cars/gtr50/gtr50 (1).jpg b/webapp/public/cars/gtr50/gtr50 (1).jpg
new file mode 100644
index 0000000..2ffbb3d
Binary files /dev/null and b/webapp/public/cars/gtr50/gtr50 (1).jpg differ
diff --git a/webapp/public/cars/gtr50/gtr50 (10).jpg b/webapp/public/cars/gtr50/gtr50 (10).jpg
new file mode 100644
index 0000000..43f06ea
Binary files /dev/null and b/webapp/public/cars/gtr50/gtr50 (10).jpg differ
diff --git a/webapp/public/cars/gtr50/gtr50 (2).jpg b/webapp/public/cars/gtr50/gtr50 (2).jpg
new file mode 100644
index 0000000..f45b74c
Binary files /dev/null and b/webapp/public/cars/gtr50/gtr50 (2).jpg differ
diff --git a/webapp/public/cars/gtr50/gtr50 (3).jpg b/webapp/public/cars/gtr50/gtr50 (3).jpg
new file mode 100644
index 0000000..62bc64f
Binary files /dev/null and b/webapp/public/cars/gtr50/gtr50 (3).jpg differ
diff --git a/webapp/public/cars/gtr50/gtr50 (4).jpg b/webapp/public/cars/gtr50/gtr50 (4).jpg
new file mode 100644
index 0000000..5389157
Binary files /dev/null and b/webapp/public/cars/gtr50/gtr50 (4).jpg differ
diff --git a/webapp/public/cars/gtr50/gtr50 (5).jpg b/webapp/public/cars/gtr50/gtr50 (5).jpg
new file mode 100644
index 0000000..32d3b74
Binary files /dev/null and b/webapp/public/cars/gtr50/gtr50 (5).jpg differ
diff --git a/webapp/public/cars/gtr50/gtr50 (6).jpg b/webapp/public/cars/gtr50/gtr50 (6).jpg
new file mode 100644
index 0000000..9f34df8
Binary files /dev/null and b/webapp/public/cars/gtr50/gtr50 (6).jpg differ
diff --git a/webapp/public/cars/gtr50/gtr50 (7).jpg b/webapp/public/cars/gtr50/gtr50 (7).jpg
new file mode 100644
index 0000000..09b20e2
Binary files /dev/null and b/webapp/public/cars/gtr50/gtr50 (7).jpg differ
diff --git a/webapp/public/cars/gtr50/gtr50 (8).jpg b/webapp/public/cars/gtr50/gtr50 (8).jpg
new file mode 100644
index 0000000..bac541a
Binary files /dev/null and b/webapp/public/cars/gtr50/gtr50 (8).jpg differ
diff --git a/webapp/public/cars/gtr50/gtr50 (9).jpg b/webapp/public/cars/gtr50/gtr50 (9).jpg
new file mode 100644
index 0000000..ab5e60a
Binary files /dev/null and b/webapp/public/cars/gtr50/gtr50 (9).jpg differ
diff --git a/webapp/public/cars/hondachr/hondachr (1).jpg b/webapp/public/cars/hondachr/hondachr (1).jpg
new file mode 100644
index 0000000..f1cbf96
Binary files /dev/null and b/webapp/public/cars/hondachr/hondachr (1).jpg differ
diff --git a/webapp/public/cars/hondachr/hondachr (2).jpg b/webapp/public/cars/hondachr/hondachr (2).jpg
new file mode 100644
index 0000000..8b9a59f
Binary files /dev/null and b/webapp/public/cars/hondachr/hondachr (2).jpg differ
diff --git a/webapp/public/cars/hondachr/hondachr (3).jpg b/webapp/public/cars/hondachr/hondachr (3).jpg
new file mode 100644
index 0000000..1eec5a7
Binary files /dev/null and b/webapp/public/cars/hondachr/hondachr (3).jpg differ
diff --git a/webapp/public/cars/hondachr/hondachr (4).jpg b/webapp/public/cars/hondachr/hondachr (4).jpg
new file mode 100644
index 0000000..c203ded
Binary files /dev/null and b/webapp/public/cars/hondachr/hondachr (4).jpg differ
diff --git a/webapp/public/cars/hondachr/hondachr (5).jpg b/webapp/public/cars/hondachr/hondachr (5).jpg
new file mode 100644
index 0000000..f5633fd
Binary files /dev/null and b/webapp/public/cars/hondachr/hondachr (5).jpg differ
diff --git a/webapp/public/cars/hondachr/hondachr (6).jpg b/webapp/public/cars/hondachr/hondachr (6).jpg
new file mode 100644
index 0000000..3b11ab2
Binary files /dev/null and b/webapp/public/cars/hondachr/hondachr (6).jpg differ
diff --git a/webapp/public/cars/hondachr/hondachr (7).jpg b/webapp/public/cars/hondachr/hondachr (7).jpg
new file mode 100644
index 0000000..de7702f
Binary files /dev/null and b/webapp/public/cars/hondachr/hondachr (7).jpg differ
diff --git a/webapp/public/cars/hondachr/hondachr (8).jpg b/webapp/public/cars/hondachr/hondachr (8).jpg
new file mode 100644
index 0000000..ac48a6c
Binary files /dev/null and b/webapp/public/cars/hondachr/hondachr (8).jpg differ
diff --git a/webapp/public/cars/id3/id3 (1).jpg b/webapp/public/cars/id3/id3 (1).jpg
new file mode 100644
index 0000000..c2903b4
Binary files /dev/null and b/webapp/public/cars/id3/id3 (1).jpg differ
diff --git a/webapp/public/cars/id3/id3 (2).jpg b/webapp/public/cars/id3/id3 (2).jpg
new file mode 100644
index 0000000..71abaca
Binary files /dev/null and b/webapp/public/cars/id3/id3 (2).jpg differ
diff --git a/webapp/public/cars/id3/id3 (3).jpg b/webapp/public/cars/id3/id3 (3).jpg
new file mode 100644
index 0000000..55def2b
Binary files /dev/null and b/webapp/public/cars/id3/id3 (3).jpg differ
diff --git a/webapp/public/cars/id3/id3 (4).jpg b/webapp/public/cars/id3/id3 (4).jpg
new file mode 100644
index 0000000..953ab5e
Binary files /dev/null and b/webapp/public/cars/id3/id3 (4).jpg differ
diff --git a/webapp/public/cars/id3/id3 (5).jpg b/webapp/public/cars/id3/id3 (5).jpg
new file mode 100644
index 0000000..8a56086
Binary files /dev/null and b/webapp/public/cars/id3/id3 (5).jpg differ
diff --git a/webapp/public/cars/montecarlo/montecarlo (1).jpg b/webapp/public/cars/montecarlo/montecarlo (1).jpg
new file mode 100644
index 0000000..c2d5652
Binary files /dev/null and b/webapp/public/cars/montecarlo/montecarlo (1).jpg differ
diff --git a/webapp/public/cars/montecarlo/montecarlo (2).jpg b/webapp/public/cars/montecarlo/montecarlo (2).jpg
new file mode 100644
index 0000000..8c2b8fc
Binary files /dev/null and b/webapp/public/cars/montecarlo/montecarlo (2).jpg differ
diff --git a/webapp/public/cars/montecarlo/montecarlo (3).jpg b/webapp/public/cars/montecarlo/montecarlo (3).jpg
new file mode 100644
index 0000000..70ef199
Binary files /dev/null and b/webapp/public/cars/montecarlo/montecarlo (3).jpg differ
diff --git a/webapp/public/cars/nsx/nsx (1).jpg b/webapp/public/cars/nsx/nsx (1).jpg
new file mode 100644
index 0000000..135cddf
Binary files /dev/null and b/webapp/public/cars/nsx/nsx (1).jpg differ
diff --git a/webapp/public/cars/nsx/nsx (2).jpg b/webapp/public/cars/nsx/nsx (2).jpg
new file mode 100644
index 0000000..f227d2b
Binary files /dev/null and b/webapp/public/cars/nsx/nsx (2).jpg differ
diff --git a/webapp/public/cars/nsx/nsx (3).jpg b/webapp/public/cars/nsx/nsx (3).jpg
new file mode 100644
index 0000000..9f7a351
Binary files /dev/null and b/webapp/public/cars/nsx/nsx (3).jpg differ
diff --git a/webapp/public/cars/polestar2/polestar2 (1).jpg b/webapp/public/cars/polestar2/polestar2 (1).jpg
new file mode 100644
index 0000000..a096cac
Binary files /dev/null and b/webapp/public/cars/polestar2/polestar2 (1).jpg differ
diff --git a/webapp/public/cars/polestar2/polestar2 (2).jpg b/webapp/public/cars/polestar2/polestar2 (2).jpg
new file mode 100644
index 0000000..ba30fe4
Binary files /dev/null and b/webapp/public/cars/polestar2/polestar2 (2).jpg differ
diff --git a/webapp/public/cars/polestar2/polestar2 (3).jpg b/webapp/public/cars/polestar2/polestar2 (3).jpg
new file mode 100644
index 0000000..531bbfc
Binary files /dev/null and b/webapp/public/cars/polestar2/polestar2 (3).jpg differ
diff --git a/webapp/public/cars/porsche00xwhite/porsche00xwhite (1).jpg b/webapp/public/cars/porsche00xwhite/porsche00xwhite (1).jpg
new file mode 100644
index 0000000..98d8703
Binary files /dev/null and b/webapp/public/cars/porsche00xwhite/porsche00xwhite (1).jpg differ
diff --git a/webapp/public/cars/porsche00xwhite/porsche00xwhite (2).jpg b/webapp/public/cars/porsche00xwhite/porsche00xwhite (2).jpg
new file mode 100644
index 0000000..0ae1439
Binary files /dev/null and b/webapp/public/cars/porsche00xwhite/porsche00xwhite (2).jpg differ
diff --git a/webapp/public/cars/porsche00xwhite/porsche00xwhite (3).jpg b/webapp/public/cars/porsche00xwhite/porsche00xwhite (3).jpg
new file mode 100644
index 0000000..af220ae
Binary files /dev/null and b/webapp/public/cars/porsche00xwhite/porsche00xwhite (3).jpg differ
diff --git a/webapp/public/cars/porsche00xwhite/porsche00xwhite (4).jpg b/webapp/public/cars/porsche00xwhite/porsche00xwhite (4).jpg
new file mode 100644
index 0000000..407bc8b
Binary files /dev/null and b/webapp/public/cars/porsche00xwhite/porsche00xwhite (4).jpg differ
diff --git a/webapp/public/cars/porsche00xwhite/porsche00xwhite (5).jpg b/webapp/public/cars/porsche00xwhite/porsche00xwhite (5).jpg
new file mode 100644
index 0000000..9f04ffc
Binary files /dev/null and b/webapp/public/cars/porsche00xwhite/porsche00xwhite (5).jpg differ
diff --git a/webapp/public/cars/porsche00xwhite/porsche00xwhite (6).jpg b/webapp/public/cars/porsche00xwhite/porsche00xwhite (6).jpg
new file mode 100644
index 0000000..45655f1
Binary files /dev/null and b/webapp/public/cars/porsche00xwhite/porsche00xwhite (6).jpg differ
diff --git a/webapp/public/cars/porsche99xblack/porsche99xblack (1).jpg b/webapp/public/cars/porsche99xblack/porsche99xblack (1).jpg
new file mode 100644
index 0000000..af6b01c
Binary files /dev/null and b/webapp/public/cars/porsche99xblack/porsche99xblack (1).jpg differ
diff --git a/webapp/public/cars/porsche99xblack/porsche99xblack (2).jpg b/webapp/public/cars/porsche99xblack/porsche99xblack (2).jpg
new file mode 100644
index 0000000..fc09ec2
Binary files /dev/null and b/webapp/public/cars/porsche99xblack/porsche99xblack (2).jpg differ
diff --git a/webapp/public/cars/porsche99xblack/porsche99xblack (3).jpg b/webapp/public/cars/porsche99xblack/porsche99xblack (3).jpg
new file mode 100644
index 0000000..2d60c9e
Binary files /dev/null and b/webapp/public/cars/porsche99xblack/porsche99xblack (3).jpg differ
diff --git a/webapp/public/cars/porsche99xblack/porsche99xblack (4).jpg b/webapp/public/cars/porsche99xblack/porsche99xblack (4).jpg
new file mode 100644
index 0000000..fad16d5
Binary files /dev/null and b/webapp/public/cars/porsche99xblack/porsche99xblack (4).jpg differ
diff --git a/webapp/public/cars/porsche99xblack/porsche99xblack (5).jpg b/webapp/public/cars/porsche99xblack/porsche99xblack (5).jpg
new file mode 100644
index 0000000..5189fa1
Binary files /dev/null and b/webapp/public/cars/porsche99xblack/porsche99xblack (5).jpg differ
diff --git a/webapp/public/cars/porsche99xblack/porsche99xblack (6).jpg b/webapp/public/cars/porsche99xblack/porsche99xblack (6).jpg
new file mode 100644
index 0000000..bb6bfbc
Binary files /dev/null and b/webapp/public/cars/porsche99xblack/porsche99xblack (6).jpg differ
diff --git a/webapp/public/cars/porsche99xblack/porsche99xblack (7).jpg b/webapp/public/cars/porsche99xblack/porsche99xblack (7).jpg
new file mode 100644
index 0000000..30cab13
Binary files /dev/null and b/webapp/public/cars/porsche99xblack/porsche99xblack (7).jpg differ
diff --git a/webapp/public/cars/supra/supra (1).jpg b/webapp/public/cars/supra/supra (1).jpg
new file mode 100644
index 0000000..d9f107a
Binary files /dev/null and b/webapp/public/cars/supra/supra (1).jpg differ
diff --git a/webapp/public/cars/supra/supra (2).jpg b/webapp/public/cars/supra/supra (2).jpg
new file mode 100644
index 0000000..d42e526
Binary files /dev/null and b/webapp/public/cars/supra/supra (2).jpg differ
diff --git a/webapp/public/cars/supra/supra (3).jpg b/webapp/public/cars/supra/supra (3).jpg
new file mode 100644
index 0000000..644581c
Binary files /dev/null and b/webapp/public/cars/supra/supra (3).jpg differ
diff --git a/webapp/public/cars/supra/supra (4).jpg b/webapp/public/cars/supra/supra (4).jpg
new file mode 100644
index 0000000..be184c1
Binary files /dev/null and b/webapp/public/cars/supra/supra (4).jpg differ
diff --git a/webapp/public/cars/supra/supra (5).jpg b/webapp/public/cars/supra/supra (5).jpg
new file mode 100644
index 0000000..5add89a
Binary files /dev/null and b/webapp/public/cars/supra/supra (5).jpg differ
diff --git a/webapp/public/cars/volvoxc40/volvoxc40 (1).jpg b/webapp/public/cars/volvoxc40/volvoxc40 (1).jpg
new file mode 100644
index 0000000..58a14dc
Binary files /dev/null and b/webapp/public/cars/volvoxc40/volvoxc40 (1).jpg differ
diff --git a/webapp/public/cars/volvoxc40/volvoxc40 (2).jpg b/webapp/public/cars/volvoxc40/volvoxc40 (2).jpg
new file mode 100644
index 0000000..c4149cd
Binary files /dev/null and b/webapp/public/cars/volvoxc40/volvoxc40 (2).jpg differ
diff --git a/webapp/public/cars/volvoxc40/volvoxc40 (3).jpg b/webapp/public/cars/volvoxc40/volvoxc40 (3).jpg
new file mode 100644
index 0000000..3be3e06
Binary files /dev/null and b/webapp/public/cars/volvoxc40/volvoxc40 (3).jpg differ
diff --git a/webapp/public/cars/volvoxc40/volvoxc40 (4).jpg b/webapp/public/cars/volvoxc40/volvoxc40 (4).jpg
new file mode 100644
index 0000000..3961b0b
Binary files /dev/null and b/webapp/public/cars/volvoxc40/volvoxc40 (4).jpg differ
diff --git a/webapp/public/cars/volvoxc40/volvoxc40 (5).jpg b/webapp/public/cars/volvoxc40/volvoxc40 (5).jpg
new file mode 100644
index 0000000..1283634
Binary files /dev/null and b/webapp/public/cars/volvoxc40/volvoxc40 (5).jpg differ
diff --git a/webapp/public/cars/volvoxc40/volvoxc40 (6).jpg b/webapp/public/cars/volvoxc40/volvoxc40 (6).jpg
new file mode 100644
index 0000000..0047cb0
Binary files /dev/null and b/webapp/public/cars/volvoxc40/volvoxc40 (6).jpg differ
diff --git a/webapp/public/cars/volvoxc40/volvoxc40 (7).jpg b/webapp/public/cars/volvoxc40/volvoxc40 (7).jpg
new file mode 100644
index 0000000..e0b4114
Binary files /dev/null and b/webapp/public/cars/volvoxc40/volvoxc40 (7).jpg differ
diff --git a/webapp/public/cars/volvoxc40/volvoxc40 (8).jpg b/webapp/public/cars/volvoxc40/volvoxc40 (8).jpg
new file mode 100644
index 0000000..e21fc93
Binary files /dev/null and b/webapp/public/cars/volvoxc40/volvoxc40 (8).jpg differ
diff --git a/webapp/public/cars/volvoxc40/volvoxc40 (9).jpg b/webapp/public/cars/volvoxc40/volvoxc40 (9).jpg
new file mode 100644
index 0000000..cac9827
Binary files /dev/null and b/webapp/public/cars/volvoxc40/volvoxc40 (9).jpg differ
diff --git a/webapp/src/components/cart/CartItem.tsx b/webapp/src/components/cart/CartItem.tsx
index 865b56e..8023996 100644
--- a/webapp/src/components/cart/CartItem.tsx
+++ b/webapp/src/components/cart/CartItem.tsx
@@ -31,17 +31,20 @@ function CartItem(props: CartItemProps) {
         setQuantity(props.item.quantity);
     }, [props.item.quantity]);
 
+    const imgPath = "cars/" + props.item.product.image + "/" + props.item.product.image + " (1).jpg"
+
     return (
+        
         <Card variant="elevation" sx={{ display: 'flex', marginBottom: 5 }}>
             <CardMedia
                 component="img"
 
                 //set max image to fill the card
                 //sx={{ maxWidth: '100', maxHeight: '110', width: '100', height: '110' }}
-                image={props.item.product.image}
+                image={imgPath}
                 //image={require("path/to/image.jpg")} FOR TESTING
                 //set max height to 100px
-                sx={{ height: 110, width: 100, margin: 3 }}
+                sx={{ height: 200, width: 100, margin: 3 }}
                 style={{ flex: 2 }} />
             <Box style={{ flex: 3, display: 'flex', flexDirection: 'column' }}
                 justifyContent='space-between'>
diff --git a/webapp/src/components/checkout-shipping/CheckoutItem.tsx b/webapp/src/components/checkout-shipping/CheckoutItem.tsx
index e4c8d53..09aa352 100644
--- a/webapp/src/components/checkout-shipping/CheckoutItem.tsx
+++ b/webapp/src/components/checkout-shipping/CheckoutItem.tsx
@@ -9,12 +9,13 @@ type CheckoutItemProps = {
 
 function CheckoutItem(props: CheckoutItemProps) {
 
+    const imgPath = "cars/" + props.item.product.image + "/" + props.item.product.image + " (1).jpg"
+
     return (
         <Card variant="elevation" sx={{ display: 'flex', marginBottom: 5 }}>
             <CardMedia
                 component="img"
-
-                image={props.item.product.image}
+                image={imgPath}
                 sx={{ height: 260, width: 100, margin: 3 }}
                 style={{ flex: 2 }} />
             <Box style={{ flex: 3, display: 'flex', flexDirection: 'column' }}
diff --git a/webapp/src/components/products/ProductCard.tsx b/webapp/src/components/products/ProductCard.tsx
index 0b2f654..5042e88 100644
--- a/webapp/src/components/products/ProductCard.tsx
+++ b/webapp/src/components/products/ProductCard.tsx
@@ -7,7 +7,7 @@ import CardMedia from '@mui/material/CardMedia';
 import Typography from '@mui/material/Typography';
 import { Button, CardActionArea, CardActions } from '@mui/material';
 import AddShoppingCartIcon from '@mui/icons-material/AddShoppingCart';
-import { styled } from '@mui/system';
+import { padding, styled, width } from '@mui/system';
 
 import { useNavigate } from "react-router-dom";
 const DivBtonStyle = styled('div')({
@@ -43,19 +43,20 @@ function addProduct(product: Product): void {
 const ProductCard = ( prod: ProductCardProps): JSX.Element => {
 
 
-
+  const imgPath = "/cars/" + prod.product.image + "/" + prod.product.image + " (1).jpg"
 
   const navigate = useNavigate();
 
   return (
 
-    <Card >
+    <Card 
+    >
 
     <CardActionArea  onClick={()=>navigate("products/"+prod.product.id)}>
 
         <CardMedia
           component="img"
-          image={prod.product.image}
+          image={imgPath}
           alt={prod.product.name}
         />
         <CardContent>
diff --git a/webapp/src/components/products/ProductPage.css b/webapp/src/components/products/ProductPage.css
index 871b5c3..2443564 100644
--- a/webapp/src/components/products/ProductPage.css
+++ b/webapp/src/components/products/ProductPage.css
@@ -1,5 +1,5 @@
-.image-gallery-slide img {
-    width: 30px;
-    height:50px;
+.MuiButtonBase-root img {
+    max-width: 60%;
+    height:100%;
     margin:auto;
   }
\ No newline at end of file
diff --git a/webapp/src/components/products/ProductPage.tsx b/webapp/src/components/products/ProductPage.tsx
index 14f9b68..4c997f9 100644
--- a/webapp/src/components/products/ProductPage.tsx
+++ b/webapp/src/components/products/ProductPage.tsx
@@ -1,14 +1,14 @@
-import { useEffect, useState} from "react";
+import { useEffect, useState } from "react";
 import { Product } from '../../shared/shareddtypes';
-import {getProductById} from '../../api/api';
+import { getProductById } from '../../api/api';
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
 import CardMedia from '@mui/material/CardMedia';
 import Typography from '@mui/material/Typography';
 import { useParams } from "react-router-dom";
 import './ProductPage.css';
-import  Grid  from "@mui/material/Grid";
-import {Button} from '@mui/material';
+import Grid from "@mui/material/Grid";
+import { Button } from '@mui/material';
 import AddShoppingCartIcon from '@mui/icons-material/AddShoppingCart';
 import { styled } from '@mui/system';
 
@@ -19,40 +19,43 @@ type ProductPageProps = {
 }
 
 const DivBtonStyle = styled('div')({
-    backgroundColor: '#7c4dff',
-    color: '#ffff',
-    padding: 8,
-    borderRadius: 4,
-    position: 'relative',
-    width:'100%',
-    
-  });
-  
-  const BuyBtton = styled(Button)({
-    size:'large', 
-    position: 'relative',
-    width:'100%',
-  
-  });
-
-
-  function addProduct(product: Product): void {
-    addToCart({ product: product, quantity: 1 });
+  backgroundColor: '#7c4dff',
+  color: '#ffff',
+  padding: 8,
+  borderRadius: 4,
+  position: 'relative',
+  width: '100%',
+
+});
+
+const BuyBtton = styled(Button)({
+  size: 'large',
+  position: 'relative',
+  width: '100%',
+
+});
+
+
+function addProduct(product: Product): void {
+  addToCart({ product: product, quantity: 1 });
+
+}
+
+function ProductPage(prop: ProductPageProps): JSX.Element {
+  const { id } = useParams();
+  const [product, setProduct] = useState<Product>(); //default empty product
+  const getProduct = async () => {
+    await setProduct(await getProductById(id));
+  };
+  useEffect(() => {
+    getProduct();
+  }, []);
 
-  }
 
-function ProductPage(prop : ProductPageProps) : JSX.Element {
-    const {id} = useParams();
-    const [product, setProduct] = useState<Product>(); //default empty product
-    const getProduct = async () => {
-        await setProduct(await getProductById(id));    
-    };
-    useEffect(()=>{
-        getProduct();
-    }, []);
-   
-    
-  if(product){
+  if (product) {
+
+    const imgPath = "/cars/" + product?.image + "/" + product?.image + " (1).jpg"
+
     return (
       <Grid container
         direction="row"
@@ -60,56 +63,57 @@ function ProductPage(prop : ProductPageProps) : JSX.Element {
         alignItems="center"
         spacing={{ xs: 2, md: 3 }} columns={{ xs: 6, sm: 12, md: 15 }}
         rowSpacing={5}
-        
-        > 
-          
-        <Grid  item xs={2} sm={5} md={6} >
-      <Card sx={{ maxWidth: 345 }} style={{height:"100%"}}>
-      
-          <CardMedia
+
+      >
+
+        <Grid item xs={2} sm={5} md={6} >
+          <Card sx={{ maxWidth: 345 }} style={{ height: "100%" }}>
+
+            <CardMedia
               component="img"
-              image={product?.image}
+              image={imgPath}
               alt={product.name}
-              
-          />
-          <CardContent>
+            />
+            <CardContent>
               <Typography gutterBottom variant="h3" component="div">
-               {product?.name}
+                {product?.name}
               </Typography>
               <Typography gutterBottom variant="h5" component="div">
-               {product?.price}€
+                {product?.price}€
               </Typography>
               <Typography gutterBottom variant="body1" component="div">
-               {product?.description}
+                {product?.description}
               </Typography>
-          </CardContent>
-      
-      
-  </Card>
-  </Grid>
-  <Grid  item xs={2} sm={5} md={6} >
+            </CardContent>
+
+
+          </Card>
+        </Grid>
+        <Grid item xs={2} sm={5} md={6} >
           <DivBtonStyle>
-          <BuyBtton startIcon={<AddShoppingCartIcon />} onClick={()=>{addProduct(product);
-            prop.refreshCartList();}} >
+            <BuyBtton startIcon={<AddShoppingCartIcon />} onClick={() => {
+              addProduct(product);
+              prop.refreshCartList();
+            }} >
               Add to Cart
-          </BuyBtton> 
+            </BuyBtton>
           </DivBtonStyle>
-  </Grid>
-  
-  </Grid>
-   
-          
-    // the button is contained because it has actions that are primary to our app( add an Item to the cart)
-          
-  
+        </Grid>
+
+      </Grid>
+
+
+      // the button is contained because it has actions that are primary to our app( add an Item to the cart)
+
+
     );
-  }else{
+  } else {
     return (<Typography gutterBottom variant="body1" component="div">
-    No product found
-   </Typography>);
+      No product found
+    </Typography>);
   }
-  }
-  
+}
+
 
 
 export default ProductPage;