const rotate = document.querySelector("#rotate");
const container = document.querySelector(".container");
container.style.transform = `rotate(${45}deg)`;
rotate.addEventListener('input', (e) => {
const degree = +e.target.value;
const scaleStep = degree*0.001;
const scale = degree === 0 && 1 || degree === 360 && 1 || scaleStep > 1 && 1 || scaleStep < 0.75 && 0.75 || scaleStep;
container.style.transform = `scale(${scale}, ${scale}) rotate(${degree}deg)`;
});
<div class='myBlock'>1</div>
.myBlock {
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
background: url('./myCircle.svg');
background-size: 100% 100%;
}
$('.mobile-tab').hide();
$('#burg').on('click', function() {
$('.mobile-tab').show();
})