styles.css

body {
  background: #DE6262;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFB88C, #DE6262);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFB88C, #DE6262); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  display: flex;
  align-items:center;
}
.card{
  position: relative;
}
.wrapper{
  margin-top:40px;
}
h4{
  position: absolute;
}

.bg {
  position: fixed;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  width: 200%;
  height: 200vh;
  background: transparent url('http://assets.iceable.com/img/noise-transparent.png') repeat 0 0;
  background-repeat: repeat;
  animation: bg-animation .2s infinite;
  opacity: .9;
  visibility: visible;
  z-index: 0;
}
h1{
  z-index: 1;
  text-align: center;
  margin-bottom: 30px;
}

@keyframes bg-animation {
    0% { transform: translate(0,0) }
    10% { transform: translate(-5%,-5%) }
    20% { transform: translate(-10%,5%) }
    30% { transform: translate(5%,-10%) }
    40% { transform: translate(-5%,15%) }
    50% { transform: translate(-10%,5%) }
    60% { transform: translate(15%,0) }
    70% { transform: translate(0,10%) }
    80% { transform: translate(-15%,0) }
    90% { transform: translate(10%,5%) }
    100% { transform: translate(5%,0) }
}
.products{
  border: 2px solid #000;
  min-height:400px;
  border-radius: 5px;
  height:700px;
  width:100%;
  margin-bottom:5px;
}
.card{
  padding:10px;
}
.products{
  overflow: auto;
}
.modal-footer{
  display: flex;
    justify-content: space-between;
}
.content{
  display: none;
}
#contenido_DIV {
  display:block;
}