arkadaşlar merhaba şöyle birşey yaptım webde bir sorun olmadı farklı tarayıcılarda yada mobilde bir sorun olur mu acaba? Tipi file olan input a şu şekilde bir css uyguladım.

<div class="col-12 col-md-6 new-image mt-5 mt-lg-0">
    <h5>Resminizi Güncelleyin</h5>
    <div class="select-image">
        <label for="select-new-image">Resim yüklemek için tıkla</label>
        <input class="form-control" id="select-new-image" type="file">
    </div>
</div>

.select-image {
height: 110px;
display: flex;
align-items: center;
justify-content: center;

    label {
        padding: 5px 30px;
        background-color: $warning;
        color: $white;
        cursor: pointer;
        box-shadow: $shadow-sm;
        border-radius: 4px;
        transition: .4s all;
        font-family: 'Mulish', sans-serif;
    
        &:hover {
            transform: scale(1.05);
        }
    }
    
    input {
        opacity: 0;
        display: none;
    
        visibility: hidden;
    }
}