Помещать изображение над элементом

Это результат, который я приношу до настоящего времени:

vista del html

Я считаю сомнением, как было бы возможно способствовать тому, чтобы изображение было над линией, которая скрывает ее.

Это мой код:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
}

.container {
  height: 95vh;
}

.header {
  background-image: linear-gradient(to right bottom, rgb(97, 166, 14, .7), rgb(0, 73, 135, .7));
  /*url(img/fondo.jpg);*/
  background-size: cover;
  background-position: top;
  clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);
}

.header .logo-box img {
  height: 5vh;
}

.imagen-data .img-data {
  max-width: 100%;
}

.data-planning {
  text-align: center;
}




  
  
  
  
  

  
  
  
  Data Planning



  

Data Planning

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Unde, totam?.

data

6
задан 13.08.2019, 17:43
0 ответов