html-css

скобки не нужно ставить?
{}

@media screen and (max-width: 767px)  {
    .menu
        position: fixed
        top: 0
        right: 0
        width: 50%
        height: 100vh
        padding: 20px 15px
        flex-direction: column
}

float:left;
float:right;
clear:both;
и т.п

в чем проблема?
или за вас сверстать?

padding-bottom задайте
а лучше через псевдоэлемент :before

значит руки кривые, если данными методами не получается
вам на freelance

.elementor-testimonial__cite{display:grid; grid-template-columns:1fr 1fr;}
.elementor-testimonial__cite span:nth-child(2){text-align:right;}

no-repeat уберите

align-self выполняет действие для конкретного блока
гуглить никак?

code.mu/css/align-self.html

используйте непосредственное подчинение

.SliderPanel > .slick-slide {
  display: block;
  opacity: .1;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: opacity;
  transition-timing-function: ease-out;
}

.SliderPanel > .slick-current {  
  display: block;
  opacity: 1;
  transition-delay: 0.3s;
  transition-duration: 0.2s;
  transition-property: opacity;
  transition-timing-function: ease-in;
}

overflow-x:scroll;
:D

body div{display:grid; align-items:center; text-align:center;}

или

body div{display:inline-block; vertical-align:middle; text-align:center;}

код бы хоть прилагали
что у вас в итоге есть

1.    .contacts_email{position:relative;}
2.    .contacts_email::before {position:absolute;}
.3 нужно задать background-size картинке
4. + вы что то напутали с background-position, если убрать 0 0, фон от картинки появляется

outline - дать градиент
+ радиус задать outline-radius

jsfiddle.net/8n17L9ze

@media screen and (max-width: 570px){
.блок{display:none!important;}
}