resim olarak ekleyip yapmak istersen en basit yol

<img src="resim.png">
<style>
    img {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }
</style>

arkaplan olarak ekleyip yapmak istersen en basit yol

body {
    background: url(resim.png) no-repeat center;
    background-size: cover;
}

mantığın hatalı çünkü javascript değişkenini php'de kullanamazsın ama php değerini javascript değişkeninde değer olarak atarsan ve ona göre şöyle bir işlem yaparsan işe yarar.

<script>
var il_id = <?=isset($_GET['il']) ? $_GET['il'] : 0?>;
$.getJSON("il-bolge.json", function(sonuc){
    var options = [];
    $.each(sonuc, function(index, value){
        options.push('<option value="' + value.il + '" ' + (il_id == value.il ? 'selected' : '') + '>' + value.il + '</option>');
    });
    $("#il").append(row);
});
</script>

disabled etmek yerine, input'u bir div içerisine alıp before'una boş bir alan ekle ya da bir açıklama ekle, ve eğer input seçim işlemi yapılmışsa o alanı göster ki böylece yeni bir tane seçemesinler problemin kalmasın :)

kategori olarak php yazmışsın, başlıkta php dll var soruda c# da nasıl kullanırım var. Tam olarak ne istediğini bile anlamadım açıkçası :) php'de dll kullanmak bam başka bir şey. Senin burada yaptığın namespace'i olan bir sınıfı çalıştırmak sadece.
İstediğin tam olarak nedir?

override işlemini tipe göre yapamazsın, extend ettiğin sınıfta metodu override edersen diğeri tamamen geçersiz kalır, o yüzden parametrenin tipinin de bir önemi kalmaz. Dediği gibi en mantıklısı if-else ya da switch-case ile kontrol ederek metodları çağırmak.

class alt_class extend ust_class{

    public function test($value)
    {
    
        if (is_int($value)) 
            call_user_func([self, 'int_test'], $value);
            
        elseif (is_string($value)) 
            call_user_func([self, 'string_test'], $value);
            
        elseif (is_float($value)) 
            call_user_func([self, 'float_test'], $value);
        
    }
    
    protected function int_test($value)
    {
        // işlem
    }
    
    protected function string_test($value)
    {
        // işlem
    }
    
    protected function float_test($value)
    {
        // işlem
    }
    
}

kapsayıcına display: flex vereceksin ve flex yönünü flex-direction: column şeklinde değiştireceksin. Footer'a height ve min-height vereceksin, content alanına flex: 1 ve overflow: auto dediğinde tam olarak istediğin oluyor :) resimden bağımsız olarak şu örneğe bakabilirsin;

<div class="container">
	<div class="content">
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
		içerik <br>
	</div>
	<div class="footer">
		sabit footer
	</div>
</div>

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

.container {
	height: 100%;
	max-height: 100%;
	display: flex;
	flex-direction: column;
}
.container .content {
	flex: 1;
	overflow: auto;
}
.container .footer {
	height: 140px;
	min-height: 140px;
	background: #ddd;
}

::before ile içerik ekleyip ona arkaplan rengi verip ölçeklendirebilirsin. örneğin;

<div class="item">
	test
</div>
<style>
.item {
	width: 100px;
	height: 100px;
	position: relative;
	z-index: 1;
	border: 1px solid #000;
}
.item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 50px;
	height: 50px;
	background-color: #ddd;
}
</style>

json'da beden ve renkler yerine degerler gibi bir key kullanırsan daha sağlıklı olur. Yine de bu haliyle şöyle yapabilirsin;

<?php

$json = '[
    {
        "beden": ["SMALL","MEDIUM","LARGE","X-LARGE"],
        "tip":"radio",
        "özellik_adı":"beden"
     },
     {
         "renkler": ["Beyaz","Gri","Siyah"],
         "tip":"radio",
         "özellik_adı":"renkler"
     }
]';
$array = json_decode($json, true);

foreach ($array as $item){
    echo "Özellik adı: {$item['özellik_adı']}<br>Özellikler: " . implode(',', array_shift($item)) . "<br>Tip: {$item['tip']}<hr>";
}

?>

ya zaten mix'i kullanıyorsan normal css yerine processor'lerden bir tanesini kullanman daha mantıklı olur, örneğin saass kullanıyorsun diyelim;

mix.sass('resources/sass/app.scss', 'public/css')
    .sass('resources/sass/index.scss', 'public/css');

Yani sen tüm css'lerini sass'a çevirip app.scss dosyasında @import kullanarak birleştirebilirsin zaten. Bu mantıkta index.css dosyanı sadece index'de çağırmak için yapman gereken @stack ve push kullanmak.
https://prototurk.com/laravel-dersleri/stack-direktifi